# Components

components

https://retype.com/components/

# Alerts

ohne Titel

Code

Standard

!!! 
ohne Titel
!!!

mit Titel

Code

Alerttitel

Beispiel

!!! Alerttitel
Beispiel
!!!

# Varianten

secondary
success
danger
warning
info
light
dark
ghost
contrast
contrast

# Badge

mit Link

Code

Badge

[!badge Badge](badge.md)

ohne Link

Code

Badge

[!badge Badge]

Varianten

Code

Info

[!badge variant="info" text="Info"]

weitere s.o.

Form

Code

Default
Square
Button Pill

[!badge text="Default"]  
[!badge corners="square" text="Square"]  
[!badge corners="pill" text="Button Pill"]

Size

Options

[!badge size="m" text="Medium"]

xs - 3xl

Icons & Emojis

Code

User
Send

❤️ Like
Rocket 🚀

[!badge variant="info" icon="person" text="User" margin="0 8 0 0"]  
[!badge variant="primary" icon="paper-airplane" iconAlign="right" text="Send"]  

[!badge variant="light" icon=":heart:" text="Like"]  
[!badge variant="info" icon=":rocket:" iconAlign="right" text="Rocket"] 