# Letterpress proof card

https://fieldbook.lizardi.mx/pt-br/components/letterpress-proof-card

Categoria: Efeitos de texto
Miniatura: https://fieldbook.lizardi.mx/thumbs/letterpress-proof-card.webp

Letterpress proof card: Uma prova tipogr?fica de um t?tulo curto que a prensa volta a entintar e imprimir, em que pressionar por mais tempo deposita mais tinta e aprofunda a marca no papel, com cada impress?o numerada.

## Frameworks

react, vue, svelte, astro, html

## Controles da prévia

Estes controles são passados para a demo. Os valores e limites descrevem a prévia; consulte a implementação para conhecer todas as props.

| Nome | Tipo | Valor inicial | Opções ou restrições |
| --- | --- | --- | --- |
| text | text | Every Proof Pulled by Hand | Até 40 caracteres |
| caption | text | Harbor Street Press, broadside no. 3 | Até 48 caracteres |
| ink | color | #1F2330 | Os metadados não indicam outro limite. |
| spotInk | color | #FF4D8D | Os metadados não indicam outro limite. |
| paper | color | #EEE7D8 | Os metadados não indicam outro limite. |
| pressure | number | 0.55 | De 0 a 1; passo 0.05 |
| autoPull | boolean | true | Os metadados não indicam outro limite. |

## Notas de uso

Letterpress proof card usa o formato de prévia “cartão” com o tema “claro/escuro”.

### Para quais frameworks Letterpress proof card está disponível?

Letterpress proof card está disponível para React, Vue, Svelte, Astro, HTML. A prévia usa React; as observações sobre o código se referem a index.tsx. Confira as interações na versão escolhida antes de depender delas.

### Quais são as dependências de Letterpress proof card?

Os metadados React não indicam dependências npm adicionais ao React.

### Quais detalhes de acessibilidade aparecem em Letterpress proof card?

O código React de Letterpress proof card inclui: elementos nativos (button); atributos e manipuladores (aria-atomic, aria-describedby, aria-hidden, aria-label, aria-live). Estas são observações do código. Verifique os nomes acessíveis, a ordem do foco e o comportamento do teclado na página completa.

### Como Letterpress proof card trata a redução de movimento?

Letterpress proof card consulta a preferência de movimento no código React por meio de matchMedia(prefers-reduced-motion). Confira a implementação completa, os estilos compartilhados e a versão escolhida com a redução de movimento ativada; estas observações não garantem que todas as animações parem.

## Instalação pelo MCP

Conecte seu cliente, chame get_component para obter a implementação e depois get_install_command para consultar as instruções. Escolha um framework listado, integre o código e verifique o funcionamento no seu aplicativo.

```json
{
  "tool": "get_component",
  "arguments": {
    "slug": "letterpress-proof-card",
    "framework": "react"
  }
}
```

[Para agentes](https://fieldbook.lizardi.mx/pt-br/docs/agents)
[MCP](https://fieldbook.lizardi.mx/api/mcp)

## Componentes abertos relacionados

- [Cascading Letter Reveal](https://fieldbook.lizardi.mx/pt-br/components/cascading-letter-reveal)
- [Color Band Text Reveal](https://fieldbook.lizardi.mx/pt-br/components/color-band-text-reveal)
- [Flowing gradient headline](https://fieldbook.lizardi.mx/pt-br/components/flowing-gradient-headline)
- [Striped shadow heading](https://fieldbook.lizardi.mx/pt-br/components/striped-shadow-heading)
- [Wavy letter heading](https://fieldbook.lizardi.mx/pt-br/components/wavy-letter-heading)
- [Shimmer Wave Text](https://fieldbook.lizardi.mx/pt-br/components/character-wave-shimmer)