diff --git a/examples/docs/fr-FR/alert.md b/examples/docs/fr-FR/alert.md new file mode 100644 index 000000000..5b9d7e0f3 --- /dev/null +++ b/examples/docs/fr-FR/alert.md @@ -0,0 +1,223 @@ + + + +## Alerte + +Affiche des messages importants. + +### Usage + +Les Alertes sont des composants non-superposés qui ne disparaissent pas automatiquement. + +:::demo Les Alertes peuvent être de 4 types différents, définit par `type`, le type par défaut étant `info`. + +```html + +``` +::: + +### Bouton personnalisable + +Personnalisez le bouton de fermeture avec du texte ou des symboles. + +:::demo Les alertes peuvent être configurées pour être fermables ou non. Le bouton de fermeture et les callbacks sont aussi personnalisables. L'attribut `closable` détermine si le composant peut être fermé ou non. Il accepte un `boolean`, la valeur par défaut étant `true`. Vous pouvez configurer l'attribut `close-text`pour remplacer la croix du bouton de fermeture. Assurez-vous que `close-text` soit une chaîne de caractères. L'évènement `close` se déclenche quand le composant est fermé. + +```html + + + +``` +::: + +### Avec icône + +Afficher une icône améliore la lisibilité. + +:::demo Ajouter l'attribut `show-icon` affiche une icône correspondant au type de l'alerte. + +```html + +``` +::: + +## Texte centré + +Utilisez l'attribut `center` pour centrer le texte. + +:::demo + +```html + +``` +::: + +### Description + +Contient un message avec plus d'informations. + +:::demo A coté de l'attribut `title`, vous pouvez ajouter `description` pour décrire l'alerte avec plus de précisions. Les descriptions ne peuvent contenir que du texte, et les retours à la ligne sont automatiques. + +```html + +``` +::: + +### Icône et description + +:::demo Pour finir, voici un exemple utilisant à la fois l'icône et la description. + +```html + +``` +::: + +### Attributs +| Attribut | Description | Type | Valeurs acceptées | Défaut | +|---------- |-------------- |---------- |-------------------------------- |-------- | +| **title** | Titre **REQUIS** | string | — | — | +| type | Type du composant | string | success/warning/info/error | info | +| description | Texte de description. Peut aussi être passé via le slot par défaut | string | — | — | +| closable | Si peut être fermé ou non. | boolean | — | true | +| center | Si le texte doit être centré ou non. | boolean | — | false | +| close-text | Texte personnalisé pour le bouton de fermeture. | string | — | — | +| show-icon | Si une icône s'affiche ou non. | boolean | — | false | + + +### Évènements +| Nom | Description | Paramètres | +|---------- |-------- |---------- | +| close | Se déclenche lorsque l'alerte est fermée. | — |