2026-07-29 21:23:47 +08:00
|
|
|
# Simple React App Kit
|
2026-07-26 23:21:33 +08:00
|
|
|
|
2026-07-29 21:23:47 +08:00
|
|
|
Simple React App Kit is a reusable React application kit built with TanStack
|
|
|
|
|
Start, shadcn/ui, and workspace packages.
|
2026-07-26 23:21:33 +08:00
|
|
|
|
|
|
|
|
## Adding components
|
|
|
|
|
|
|
|
|
|
To add components to your app, run the following command at the root of your `web` app:
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
pnpm dlx shadcn@latest add button -c apps/web
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
This will place the ui components in the `packages/ui/src/components` directory.
|
|
|
|
|
|
|
|
|
|
## Using components
|
|
|
|
|
|
|
|
|
|
To use the components in your app, import them from the `ui` package.
|
|
|
|
|
|
|
|
|
|
```tsx
|
|
|
|
|
import { Button } from "@workspace/ui/components/button";
|
|
|
|
|
```
|
