Typography Components

Démonstration des composants de typographie avec différentes variations

Headings (H1-H6)

H1 - Titre Principal

Titre de niveau 1

H2 - Titre Secondaire

Titre de niveau 2

H3 - Titre Tertiaire

Titre de niveau 3

H4 - Sous-titre

Titre de niveau 4

H5 - Petit titre

Titre de niveau 5

H6 - Mini titre

Titre de niveau 6

Paragraph

Paragraphe standard

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Paragraphe avec className personnalisée

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Blockquote

Citation simple

Ceci est une citation simple sans icône.

Citation avec icône

Ceci est une citation avec icône.

Citation avec HTML

Citation importante avec du HTML.

Citation avec bordure personnalisée

Citation avec bordure primaire.

Citation avec bordure accent

Citation avec bordure accent.

Citation avec une chaine string HTML

HTML simple

Citation importante avec du HTML.

HTML complexe

Premier paragraphe avec texte en gras.

Deuxième paragraphe avec italique et souligné.

Typography Component

Typography avec contenu mixte

Titre dans Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Une citation dans le composant Typography.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Hiérarchie complète

H1 - Oihana Next UI

H2 - UI Library based on DaisyUI and TailwindCSS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H3 - Nos produits

Découvrez notre gamme complète de produits en bois de qualité supérieure.

H4 - Bois massif

Chêne, pin, érable et bien d'autres essences disponibles.

H5 - Caractéristiques

Dimensions personnalisables, traitement écologique, livraison rapide.

H6 - Contact

Pour plus d'informations, contactez notre équipe commerciale.

"La qualité du bois fait toute la différence dans vos projets."

Test responsive

Redimensionnez la fenêtre pour voir les tailles s'adapter

Mobile

Les titres s'adaptent automatiquement à la taille de l'écran.

Desktop

Les classes responsive permettent une lecture optimale sur tous les appareils.