# Mist Text

Texto que sai da névoa por palavra ou letra (desfoque, opacidade e subida mínima): entra uma vez ao chegar na tela, ou acompanha a rolagem ida e volta com mola que não erra a faixa dentro de sticky; cinco entradas por variant: mist, rise, mask, drift e settle.

- Nome no registry: `mist-text`
- Tipo: componente
- Dependências npm: framer-motion
- Demo: https://ui.visantlabs.com/c/mist-text
- Categorias: texto, blur, nevoa, reveal, scroll, palavra, letra, tipografia

## Quando usar

- Use quando: Texto que sai da névoa por palavra ou letra, uma vez ou acompanhando a rolagem
- Evite quando: Título que sobe linha por linha: line-reveal; troca de palavra em rótulo, text-morph

## Instalar

```bash
npx shadcn@latest add @visant/mist-text
```

## Usar

```tsx
<MistText />
```

## API

### MistText

- `text: string` — A frase. Fatiada por espaço (palavra) ou por caractere (letra).
- `as?: "h1" | "h2" | "h3" | "h4" | "p" | "span" = "p"` — Elemento raiz. `span` para usar dentro de outra linha.
- `by?: "word" | "letter" = "word"` — `word` para frase, `letter` para título curto.
- `className?: string`
- `delay?: number = 0` — Atraso antes da primeira fatia, em segundos. Só no modo `view`.
- `mode?: "view" | "scroll" = "view"` — `view` entra uma vez; `scroll` acompanha a rolagem, ida e volta.
- `variant?: "mist" | "rise" | "mask" | "drift" | "settle" = "mist"` — Como cada fatia entra no modo `view`: `mist` (padrão), `rise`, `mask`, `drift`, `settle`.