Callout
Ein Einschub, an dem der Leser innehalten soll — ein Tipp, eine Warnung, eine Gefahr.
Ein Einschub in einer von vier Ausprägungen. Der Text ist Markdown, Links,
code und Listen funktionieren also alle darin.
Verwendung
Mehr braucht es nicht
Der Text ist ebenfalls Markdown — Links, code und Listen funktionieren alle darin.
Typen
info — der Standard, für Kontext, den die Seite voraussetzt.
tip — etwas, das die Aufgabe leichter macht.
warning — eine Art, das falsch zu machen.
danger — Datenverlust, oder eine Änderung, die sich nicht rückgängig machen lässt.
API
Props
| Prop | Typ | Standard | Anmerkungen |
|---|---|---|---|
type | info · tip · warning · danger | info | Wählt die Farbe, das Icon und die Rolle |
title | string | — | Fette erste Zeile; der Text folgt |
icon | string | je nach Typ | Beliebiger Iconify-Name, der den Standard überschreibt |
Slots
| Slot | Was hineingehört |
|---|---|
default | Der Text, als Markdown |
Anmerkungen
Ein danger-Callout trägt role="alert"; die anderen nicht. Ein Alert
unterbricht einen Screenreader mitten im Satz, was für „das löscht deine Daten“
richtig ist und für einen Tipp falsch.
War diese Seite hilfreich?