Text Texte - Docs - Artefact

Text Texte

Typography

Tier 3

Introduction

Un composant polymorphe pour afficher le corps du texte, les paragraphes ou les étendues avec une typographie cohérente.

Utilisation

This is a paragraph.

import { Text } from "../components/ui";

export default function MyPage() {
  return (
    <Text size="lg" class="muted">
      This is a paragraph.
    </Text>
  );
}

Constructeur de pages CMS

Ce composant est disponible sous forme de bloc text dans Page Builder (content/pages/*.json) :

{
  "type": "text",
  "content": "This is a paragraph.",
  "size": "lg"
}

Propriétés

Propriété	Type	Description
`children`	`any`	Le texte ou le contenu.
`class`	`string`	Classes CSS personnalisées.
`as`	`string`	L'élément HTML à restituer (par exemple, "p", "span"). La valeur par défaut est "p".
`size`	`string`	La variante de taille de police.
`variant`	`string`	Variante de style typographique (par exemple, « titre », « étiquette »).
`interactive`	`boolean`	S'il faut activer l'hydratation côté client.