Zum Inhalt springen
ZVVAtlas · Showcase

Command Palette

Schnell durch Atlas navigieren

Komponenten

shadcn/ui auf Atlas-Tokens. Atlas v0.1 Default-Set: Button, Card, Input, Label, Badge, Dialog, Tabs, Tooltip, Popover, Skeleton.

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)