# Word Dial

Um anel que reordena as letras de uma palavra em linha, onda, anel, escada e espelho, com paradas como um tambor de caleidoscópio.

- Nome no registry: `word-dial`
- Tipo: componente
- Dependências npm: motion
- Demo: https://ui.visantlabs.com/c/word-dial
- Categorias: texto, palavra, tipografia, marca, anel, arranjo

## Quando usar

- Use quando: Mostrar uma marca ou palavra-chave que muda de arranjo sem deixar de ser ela
- Evite quando: Trocar uma palavra por outra: text-morph; escolher entre opções de verdade: segmented-control

## Instalar

```bash
npx shadcn@latest add @visant/word-dial
```

## Usar

```tsx
<WordDial />
```

## API

### WordDial

Word Dial: uma palavra e cinco arranjos, girados como o tambor de um caleidoscópio. As mesmas letras se reordenam em linha, onda, anel, escada e espelho. A marca continua ela mesma enquanto o arranjo muda.

- `idle?: boolean = true` — Sozinho na tela, o anel dá um passo de tempos em tempos.
- `label?: string = "Arranjo da palavra"` — Nome do controle para leitor de tela.
- `onArrange?: (index: number) => void` — Avisa o arranjo novo, de 0 a 4 (linha, onda, anel, escada, espelho).
- `word?: string = "VISANT"` — A palavra. O corpo se ajusta para caber: as posições saem da largura de cada letra.
