Etats vides
Composants pour les pages ou sections sans contenu.
BcEmpty
Version minimale : icone et texte pour indiquer l'absence de donnees.
Basique
No data
Nothing to display yet.
vue
<BcEmpty />Personnalise
Aucun resultat
Essayez avec d'autres criteres de recherche.
vue
<BcEmpty
title="Aucun resultat"
description="Essayez avec d'autres criteres de recherche."
icon="🔍" />Compact
Vide
Nothing to display yet.
vue
<BcEmpty title="Vide" compact />Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "No data" | Titre |
description | string | "Nothing to display yet." | Description |
icon | string | "○" | Icone ou emoji |
compact | boolean | false | Mode compact |
Slots
| Slot | Description |
|---|---|
default | Contenu additionnel sous la description |
icon | Icone personnalisee |
BcEmptyState
Version complete avec illustration, titre, description et bouton d'action (CTA).
Basique
Aucun projet
Creez votre premier projet pour commencer.
vue
<BcEmptyState title="Aucun projet"
description="Creez votre premier projet pour commencer.">
<template #actions>
<BcButton label="Creer un projet" variant="primary" size="sm" />
</template>
</BcEmptyState>Variantes d'usage
Aucun resultat
Aucun element ne correspond a votre recherche.
Acces restreint
Vous n'avez pas les permissions pour voir ce contenu.
vue
<!-- No results -->
<BcEmptyState icon="🔍" title="Aucun resultat"
description="Aucun element ne correspond a votre recherche." />
<!-- No permissions -->
<BcEmptyState icon="🔒" title="Acces restreint"
description="Vous n'avez pas les permissions pour voir ce contenu.">
<template #actions>
<BcButton label="Demander l'acces" variant="outline" size="sm" />
</template>
</BcEmptyState>Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | string | "○" | Icone ou emoji |
title | string | — | Titre (requis) |
description | string | "" | Description |
compact | boolean | false | Mode compact |
Slots
| Slot | Description |
|---|---|
default | Contenu additionnel |
icon | Icone ou illustration personnalisee |
actions | Boutons d'action (CTA) |