![]() |
||
---|---|---|
apps/web | ||
packages | ||
.eslintrc.js | ||
.gitignore | ||
.npmrc | ||
README.md | ||
package.json | ||
pnpm-lock.yaml | ||
pnpm-workspace.yaml | ||
tsconfig.json | ||
turbo.json |
README.md
shadcn/ui monorepo template
This template is for creating a monorepo with shadcn/ui.
Usage
pnpm dlx shadcn@latest init
Adding components
To add components to your app, run the following command at the root of your web
app:
pnpm dlx shadcn@latest add button -c apps/web
This will place the ui components in the packages/ui/src/components
directory.
Tailwind
Your tailwind.config.ts
and globals.css
are already set up to use the components from the ui
package.
Using components
To use the components in your app, import them from the ui
package.
import { Button } from '@workspace/ui/components/ui/button';