Installation
Add Chilli components one by one with registry commands. This keeps the Expo + React Native Web app stable while the design system is adopted progressively.
Install one component
Start with the smallest component that unlocks the product work. The command copies only that component and the shared files it needs.
npx shadcn@latest add https://design.chilli.app/r/button.jsonUse it locally
Import the generated component from the local app codebase. Keep the first usage narrow until it has been checked in the real Chilli flow.
import { Button } from "@/components/ui/button";Add more later
Add the next component only after the previous one is visually and functionally verified on iOS, Android and Web.
npx shadcn@latest add https://design.chilli.app/r/button.jsonnpx shadcn@latest add https://design.chilli.app/r/input.jsonnpx shadcn@latest add https://design.chilli.app/r/action-cta-card.jsonRegistry status
These commands document the target installation flow for the Chilli registry. The registry URL must be hosted before another project can install components from it.