# Letterpress proof card

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

Catégorie: Effets de texte
Miniature: https://fieldbook.lizardi.mx/thumbs/letterpress-proof-card.webp

Letterpress proof card: Une ?preuve typographique d?un titre court que la presse encre et tire ? nouveau, o? un appui prolong? d?pose plus d?encre et creuse davantage le papier, chaque tirage ?tant num?rot?.

## Frameworks

react, vue, svelte, astro, html

## Contrôles de l’aperçu

Ces réglages sont transmis à la démo. Les valeurs et limites décrivent l’aperçu ; consultez l’implémentation pour connaître l’ensemble des props.

| Nom | Type | Valeur initiale | Options ou contraintes |
| --- | --- | --- | --- |
| text | text | Every Proof Pulled by Hand | Jusqu’à 40 caractères |
| caption | text | Harbor Street Press, broadside no. 3 | Jusqu’à 48 caractères |
| ink | color | #1F2330 | Aucune autre limite dans les métadonnées. |
| spotInk | color | #FF4D8D | Aucune autre limite dans les métadonnées. |
| paper | color | #EEE7D8 | Aucune autre limite dans les métadonnées. |
| pressure | number | 0.55 | De 0 à 1 ; pas de 0.05 |
| autoPull | boolean | true | Aucune autre limite dans les métadonnées. |

## Conseils d’utilisation

Letterpress proof card utilise le format d’aperçu « carte » avec le thème « clair/sombre ».

### Quels frameworks sont disponibles pour Letterpress proof card ?

Letterpress proof card est disponible pour React, Vue, Svelte, Astro, HTML. L’aperçu utilise React ; les observations sur le code concernent index.tsx. Vérifiez les interactions dans le portage choisi avant de vous y fier.

### Quelles sont les dépendances de Letterpress proof card ?

Les métadonnées React n’indiquent aucune dépendance npm supplémentaire à React.

### Quels détails d’accessibilité sont visibles dans Letterpress proof card ?

Le code React de Letterpress proof card contient : éléments natifs (button); attributs et gestionnaires (aria-atomic, aria-describedby, aria-hidden, aria-label, aria-live). Il s’agit d’observations du code. Vérifiez les noms accessibles, l’ordre du focus et le comportement au clavier dans la page assemblée.

### Comment Letterpress proof card gère-t-il la réduction des animations ?

Letterpress proof card lit la préférence de mouvement dans son code React via matchMedia(prefers-reduced-motion). Vérifiez l’implémentation complète, les styles partagés et le portage choisi avec la réduction des animations activée ; ces observations ne garantissent pas l’arrêt de toutes les animations.

## Installer via MCP

Connectez votre client, appelez get_component pour récupérer l’implémentation, puis get_install_command pour les instructions d’installation. Choisissez un framework proposé, intégrez le code et vérifiez son fonctionnement dans votre application.

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

[Pour les agents](https://fieldbook.lizardi.mx/fr/docs/agents)
[MCP](https://fieldbook.lizardi.mx/api/mcp)

## Composants ouverts similaires

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