Confronta

Confronta fianco a fianco gli stessi componenti e i relativi token in ogni design system disponibile.

Sobre

Shadcn / Radix e token locali

Button

Input

Switch

Notifications

Checkbox

Accepter

Badge

DefaultSecondaryDestructive

Avatar

Tabs

Panneau overview

Dialog

Skeleton

Tokens sémantiques

--font-sans—

--background—

--foreground—

--muted—

--muted-foreground—

--border—

--primary—

--accent—

--destructive—

--ring—

Tokens natifs · Sobre

--mehdi-background—

--mehdi-accent—

--mehdi-primary—

--mehdi-destructive—

--mehdi-border—

--mehdi-muted—

Fun

Cartoleria giocosa con colori vivaci e rilievo

Button

Input

Switch

Notifications

Checkbox

Accepter

Badge

DefaultSecondaryDestructive

Avatar

Tabs

Panneau overview

Dialog

Skeleton

Tokens sémantiques

--font-sans—

--background—

--foreground—

--muted—

--muted-foreground—

--border—

--primary—

--accent—

--destructive—

--ring—

Tokens natifs · Fun

--fun-background—

--fun-surface—

--fun-text—

--fun-yellow—

--fun-orange—

--fun-violet—

--fun-relief-ink—

Confronta

Confronta fianco a fianco gli stessi componenti e i relativi token in ogni design system disponibile.

Sobre

Shadcn / Radix e token locali

Button

Input

Switch

Notifications

Checkbox

Accepter

Badge

DefaultSecondaryDestructive

Avatar

Tabs

Panneau overview

Dialog

Skeleton

Tokens sémantiques

--font-sans—

--background—

--foreground—

--muted—

--muted-foreground—

--border—

--primary—

--accent—

--destructive—

--ring—

Tokens natifs · Sobre

--mehdi-background—

--mehdi-accent—

--mehdi-primary—

--mehdi-destructive—

--mehdi-border—

--mehdi-muted—

Fun

Cartoleria giocosa con colori vivaci e rilievo

Button

Input

Switch

Notifications

Checkbox

Accepter

Badge

DefaultSecondaryDestructive

Avatar

Tabs

Panneau overview

Dialog

Skeleton

Tokens sémantiques

--font-sans—

--background—

--foreground—

--muted—

--muted-foreground—

--border—

--primary—

--accent—

--destructive—

--ring—

Tokens natifs · Fun

--fun-background—

--fun-surface—

--fun-text—

--fun-yellow—

--fun-orange—

--fun-violet—

--fun-relief-ink—