Alert Warnung - Docs - Artefact

Alert Warnung

Feedback

Rein darstellend

Einführung

Zeigt eine kurze, wichtige Nachricht auf eine Weise an, die die Aufmerksamkeit des Benutzers erregt, ohne dessen Aufgaben zu unterbrechen.

Verwendung

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 />}
    />
  );
}

CMS-Seitenbauer

Diese Komponente ist als alert-Block im Seitenbauer (content/pages/*.json) verfügbar:

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

Eigenschaften

Eigenschaft	Typ	Beschreibung
`title`	`string`	Der Titel der Warnung.
`description`	`string`	Die Beschreibung der Warnung.
`indicator`	`Child`	Ein Symbol oder Element, das als Indikator gerendert wird.
`children`	`Child`	Zusätzlicher Inhalt, der innerhalb der Komponente gerendert wird.
`class`	`string`	Benutzerdefinierte CSS-Klassen.