Admonitions
Admonitions bieten ein strukturiertes UI-Element zur Hervorhebung von inhaltlichen Hinweisen, Warnungen oder technischen Informationen innerhalb der Anwendung. Sie dienen dazu, wichtige Informationen klar vom Fließtext abzugrenzen, ohne dabei die Dokumentstruktur zu unterbrechen. Dadurch eignen sich Admonitions besonders für Dokumentationen, Entwicklerhinweise, Konfigurationswarnungen oder systemrelevante Hinweise innerhalb komplexer Anwendungen. Die Komponenten sind bewusst leichtgewichtig gehalten und lassen sich flexibel in bestehende Layouts integrieren, ohne zusätzliche Abhängigkeiten oder Framework-Strukturen zu erfordern.
Umwandlung erfolgt via Helper Funktion.
Vordefinierte Presets
Info
<admonitions data-title="Information" color="info">
Lorem ipsum dolor sit amet ...
</admonitions>
Warning
<admonitions data-title="Warning" color="warning">
Lorem ipsum dolor sit amet ...
</admonitions>
Alert
<admonitions data-title="Error" color="alert">
Lorem ipsum dolor sit amet ...
</admonitions>
Success
<admonitions data-title="Success" color="success">
Lorem ipsum dolor sit amet ...
</admonitions>
Example
<admonitions data-title="Example" color="example">
Lorem ipsum dolor sit amet ...
</admonitions>
Custom Preset
<svg>...</svg>
<admonitions icon="myIcon" data-title="Custom" color="teal">
Lorem ipsum dolor sit amet ...
</admonitions>