Component Basics
Download and integrate custom UI components from the registry into your project using @pphatdev/registry.
Quick Start
1. Initialize Project
Make sure your project is initialized with component support enabled:
❯
npx pphat init2. List Available Components
Browse available UI components in the registry:
❯
npx pphat list components3. Add Components
Download one or more components using add-component (or add-comp):
❯
npx pphat add-component button card modalCommand Overrides
Override default component output settings using flags:
❯
npx pphat add-component button -f nextjs -d src/components/ui