Alert

Alert component for displaying important messages to users.

import { Alert } from '@document-writing-tools/kernux-react';
 
<Alert
  type="info"
  title="Information"
  content="Please review the following information."
/>
 
<Alert
  type="success"
  title="Success!"
  content="Your changes have been saved."
  href="/dashboard"
  linkText="Go to Dashboard"
/>
 
<Alert type="warning" />  {/* Uses default title */}
<Alert type="danger" content="Something went wrong." />

Props:

• type?: "info" | "success" | "warning" | "danger" - Alert type (default: “info”)
• title?: string - Alert title (uses default titles if not provided)
• content?: string - Alert content message
• href?: string - Optional link URLUniform Resource Locator – Die Adresse, die zur Angabe des Speicherorts einer Ressource im Internet verwendet wird.
• linkText?: string - Link text when href is provided
• Extends all standard HTMLHyperText Markup Language – Eine standardisierte Auszeichnungssprache zur Erstellung und Strukturierung von Inhalten im Web. div element props

Default Titles:

• info: “Hinweis”
• success: “Erfolg”
• warning: “Warnung”
• danger: “Fehler”