Zum Inhalt springen
ZVV
Komponenten

Komponenten

shadcn/ui auf Atlas-Tokens. Atlas Default-Set: Button, Card, Input, Label, Badge, Dialog, Tabs, Tooltip, Popover, Skeleton — Atlas-eigene Primitives (EmptyState, Lightbox) haben eigene Seiten.

Buttons

Form-Inputs

Cards

Standard Card
Border + Background + Padding

Verwendet --card und --card-foreground Tokens.

Highlighted
Mit primary-tinted Border

className="border-primary/40"

Mit BadgeAktiv
Badge im Header

Status-Indikator inline.

Badges

DefaultSecondaryOutlineDestructive

Separator

Horizontaler Trenner zwischen Sektionen:

Subtil, --border Token.

Skeleton (Loading)