UI

Une bibliothèque de composants thématisée bâtie sur Base UI (le défaut de shadcn), partagée dans tout le monorepo.

Ce que vous obtenez

Des composants accessibles (boutons, cartes, dialogues, formulaires, onglets et plus) dans packages/ui/src/components/ui
Un thème Tailwind v4 avec modes clair et sombre, défini en variables CSS dans globals.css
L'assistant de fusion de classes cn et votre objet Config.brand

Utiliser les composants

Importez les composants par sous-chemin depuis le paquet UI :

tsx

import { Button } from "@my-app/ui/components/ui/button";

<Button size="lg">Get started</Button>;

Remarque

Ce sont des composants Base UI, pas Radix. Là où shadcn utilisait asChild, Base UI utilise une prop render :

tsx

<Button render={<a href="/sign-up">Sign up</a>} />

Thématisation

Les couleurs, rayons et polices sont des variables CSS dans packages/ui/src/styles/globals.css. Modifiez les blocs :root et .dark pour restyliser toute l'application, chaque composant lit ces tokens.

Ajouter d'autres composants

La bibliothèque suit la structure canonique de shadcn : vous pouvez donc ajouter n'importe quel composant supplémentaire via la CLI shadcn, et il s'accordera au style existant.

bash

bunx shadcn@latest add accordion

Le module pages marketing s'appuie directement sur ces composants.