Comparer

Les mêmes composants et leurs tokens, côte à côte dans chaque design system disponible.

Sobre

Shadcn / Radix et tokens locaux

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

Papeterie pop, couleurs vives et relief

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—

Comparer

Les mêmes composants et leurs tokens, côte à côte dans chaque design system disponible.

Sobre

Shadcn / Radix et tokens locaux

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

Papeterie pop, couleurs vives et relief

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—