ArrowGlyphBox

Compact primary box with an animated dot-grid arrow scan and reduced-motion fallback.

Caixa size-9 com grelha de pontos que simula uma seta em movimento (“scan”). Está em @zexon/ui/blocks/arrow-glyph-box. Com prefers-reduced-motion, a animação desliga-se e o padrão fica estático.

Compones à mão com Button ou outro controlo: posiciona o glifo com relative / absolute e espaçamento (gap, pl-*) conforme o layout.

Importação

import {
	ArrowGlyphBox,
	type ArrowGlyphBoxProps,
} from "@zexon/ui/blocks/arrow-glyph-box";

Uso

Sozinho

Com botão

Ao lado do rótulo

Props

Prop	Tipo	Notas
`className`	`string`	Classes no contentor do glifo
—	—	Demais props repassam-se ao `div` raiz (`style`, `title`, etc.). Não aceita `children`.

Blocos

Browser