Alert Alerte - Docs - Artefact

Alert Alerte

Feedback

Tier 3

Introduction

Affiche un message bref et important de manière à attirer l'attention de l'utilisateur sans interrompre ses tâches.

Utilisation

Success

Your changes have been saved.

import { Alert, AlertIcon } from "../components/ui";

export default function MyPage() {
  return (
    <Alert
      status="success"
      title="Success"
      description="Your changes have been saved."
      indicator={<AlertIcon />}
    />
  );
}

Constructeur de pages CMS

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

{
  "type": "alert",
  "status": "success",
  "title": "Success",
  "description": "Your changes have been saved.",
  "variant": "subtle"
}

Propriétés

Propriété	Type	Description
`title`	`string`	Le titre de l'alerte.
`description`	`string`	La description de l'alerte.
`indicator`	`Child`	Une icône ou un élément à afficher comme indicateur.
`children`	`Child`	Contenu supplémentaire à restituer à l'intérieur du composant.
`class`	`string`	Classes CSS personnalisées.