# Textura Tiles

A imagem em ladrilhos que encolhem, se afastam e se inclinam perto do ponteiro.

- Nome no registry: `textura-tiles`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/textura-tiles
- Categorias: shaders, textura, webgl, ponteiro, imagem, ladrilho, grade

## Quando usar

- Use quando: Foto quebrada em ladrilhos que se abrem perto do cursor, em portfólio, capa de projeto ou hero de arquitetura
- Evite quando: Foto em blocos de cor parados: shader-pixelate; distorção contínua sem grade, textura-pinch

## Instalar

```bash
npx shadcn@latest add @visant/textura-tiles
```

## Usar

```tsx
<TexturaTiles
  resting
/>
```

## API

### TexturaTiles

- `src: string` — A imagem a ladrilhar. Fundo transparente vira papel.
- `alt?: string = "Imagem em ladrilhos"` — Texto alternativo da imagem.
- `gap?: number = 1.5` — Junta de papel entre ladrilhos, em px.
- `radius?: number = 34` — Alcance do cursor, em % do lado menor.
- `resting?: boolean = false` — Nasce com o efeito armado no centro e volta pra lá quando o ponteiro sai. Sem isto, a peça parada é a foto pura: o efeito só existe com ponteiro.
- `size?: number = 32` — Lado de cada ladrilho, em px.
- `strength?: number = 85` — Quanto os ladrilhos levantam perto do cursor.