This template is for creating a monorepo with shadcn/ui.
pnpm dlx shadcn@latest initTo add components to your app, run the following command at the root of your web app:
pnpm dlx shadcn@latest add button -c apps/webor
cd ./packages/common/ui
#or cd ./apps/web
pnpm dlx shadcn@latest add accordion alert alert-dialog aspect-ratio avatar badge breadcrumb button calendar card carousel chart checkbox collapsible command context-menu table dialog drawer dropdown-menu form hover-card input input-otp label menubar navigation-menu pagination popover progress radio-group resizable scroll-area select separator sheet sidebar skeleton slider sonner switch table tabs textarea toast toggle toggle-group tooltipThis will place the ui components in the packages/ui/src/components directory.
cd ./packages/common/ui
pnpm up "@radix-ui/*" cmdk lucide-react recharts tailwind-merge clsx --latestYour tailwind.config.ts and globals.css are already set up to use the components from the ui package.
To use the components in your app, import them from the ui package.
import { Button } from "@iroy/ui/components/ui/button";pnpm list --recursive --only-projects --depth=2pnpm add -D @iroy/eslint @iroy/typescript --filter @iroy/network --workspacepnpm add axios qs js-cookie --filter @iroy/networkpnpm add -wD @iroy/eslint @iroy/typescript --filter @iroy/network --workspacepnpm remove -D @iroy/eslint @iroy/typescript --filter @iroy/network