Composant · Layout · éditorial

Quote

Documenté

Quote met en forme une citation éditoriale (<figure> + <blockquote>) avec attribution optionnelle (auteur, source).

Un bon système de design réduit la friction entre l'idée et l'interface.

Fabien Antoine Sent Tech Blog

La cohérence visuelle est la première forme d'accessibilité.

Équipe Forge

Voir le code (Svelte)

<Quote author="Fabien Antoine" source="Sent Tech Blog">Un bon système de design réduit la friction entre l'idée et l'interface.</Quote>
<Quote author="Équipe Forge">La cohérence visuelle est la première forme d'accessibilité.</Quote>

Avec attribution

La perfection est atteinte non pas lorsqu'il n'y a plus rien à ajouter, mais lorsqu'il n'y a plus rien à retirer.

Antoine de Saint-Exupéry Citadelle

Voir le code (Svelte)

<Quote
  author="Antoine de Saint-Exupéry"
  source="Citadelle"
  cite="https://fr.wikipedia.org/wiki/Citadelle"
>La perfection est atteinte non pas lorsqu'il n'y a plus rien à ajouter, mais lorsqu'il n'y a plus rien à retirer.</Quote>

Sans attribution

Un bon design system est invisible : on ne voit que le produit.

Voir le code (Svelte)

<Quote>Un bon design system est invisible : on ne voit que le produit.</Quote>

API du composant

Prop	Type	Par défaut
`author`	`string`	optionnel
`source`	`string`	optionnel
`cite`	`string` (URL)	optionnel
`children`	`Snippet`	le texte cité
`class`	`string`	optionnel