Design System
Playground Zur Vorlage

FoundationsRadien

Element · Foundations

Scharf oder Pille. Dazwischen Medien.

styles/global.css

none für Fläche und Text. full für Button, Slot, Signal. sm bis xl nur für Bild, Input, Video — nicht für Karten um der Weiche willen.

0

none

rounded-none

Fläche, Text, Tag, Divider.

4px

sm

rounded-sm

Bild, Input.

6px

md

rounded-md

Kleine Fläche, Video.

8px

lg

rounded-lg

Medien-Rahmen.

12px

xl

rounded-xl

Selten, große Medien.

9999px

full

rounded-full

Button, Slot-Pille, Signal-Punkt, Avatar.