Composants

Badge

Primary Secondary Success Info Warning Danger Light Dark

Lien

Primary Secondary Success Info Warning Danger Light Dark

Redimensionnement automatique

Primary Secondary Success Info Warning Danger Light Dark

Bouton

Contour
Petite
Grande
Regrouper

Menu déroulant

En-tête
Action Quelque chose d'autre ici.
Lien séparé

Nav et onglets

Par défaut
Tabulations

Navbar

Formulaire

Nous ne partagerons jamais votre email.

Pagination

Fil d'Ariane

Liste-groupe

  1. Sous-titre
    Cras justo odio
    14
  2. Sous-titre
    Cras justo odio
    14
  3. Sous-titre
    Cras justo odio
    14
  4. Sous-titre
    Cras justo odio
    14
  5. Sous-titre
    Cras justo odio
    14
  6. Sous-titre
    Cras justo odio
    14
  7. Sous-titre
    Cras justo odio
    14
  8. Sous-titre
    Cras justo odio
    14
  9. Sous-titre
    Cras justo odio
    14

Carte

...
Titre de carte

Quelques exemples de texte rapide pour compléter le titre de la carte et constituer l'essentiel du contenu de la carte

  • Un élément
  • Un deuxième élément
  • Un troisième élément
Lien de carte Un autre lien
...
Titre de carte

Voici une carte plus large, avec un texte d'accompagnement en dessous, qui mène naturellement à un contenu supplémentaire. Ce contenu est un peu plus long.

Mis à jour il y a 3 minutes

Alertes

C'est un "Primary" alerte avec un lien.
C'est un "Secondary" alerte avec un lien.
C'est un "Success" alerte avec un lien.
C'est un "Info" alerte avec un lien.
C'est un "Warning" alerte avec un lien.
C'est un "Danger" alerte avec un lien.
C'est un "Light" alerte avec un lien.
C'est un "Dark" alerte avec un lien.

Modal

Titre modal

Voici un paragraphe. Ambitioni dedisse scripsisse iudicaretur. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Unam incolunt Belgae, aliam Aquitani, tertiam. Integer legentibus erat a ante historiarum dapibus. Phasellus laoreet lorem vel dolor tempus vehicula.

Utilitaires & Typographie

Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black
Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black

Petite ombre

(shadow-sm)

Moyenne ombre

(shadow)

Grande ombre

(shadow-lg)

Aucune bordure

(rounded-0)

Bordure fine

(rounded-1)

Bordure moyenne

(rounded-2)

Bordure épaisse

(rounded-3)

Affichage 1

Affichage 2

Affichage 3

Affichage 4

Affichage 5

Affichage 6

Titre 1

Titre 2

Titre 3

Titre 4

Titre 5
Titre 6

Texte principal

Paragraphe avec textes gras, muet et italique

Lien