afiqzudinhadi/ecommerce-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

docs: add usage

Browse source
This commit is contained in:
afiqzudinhadi 2025-06-26 11:39:52 +08:00
parent ecac6e5284
commit 17d1bf065e
2 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
apps/next-template/src/app/page.tsx
View file

@ -1,6 +1,6 @@
import { log } from "@repo/logger"; import { log } from "@repo/logger";
import { Link } from "@repo/ui/link/index.js"; import { Link } from "@repo/ui/link";
import { CounterButton } from "@repo/ui/counter-button/index.js"; import { CounterButton } from "@repo/ui/counter-button";
export const metadata = { export const metadata = {
title: "Store | Kitchen Sink", title: "Store | Kitchen Sink",

12
packages/ui/README.md
View file

@ -31,6 +31,18 @@ Although not required, adding:
in the `tsconfig.json` file of **each app** can help with TypeScript path resolution during development. in the `tsconfig.json` file of **each app** can help with TypeScript path resolution during development.
### Usage
To use the UI components in your app, you can import them as follows:
```tsx
// React UI library components
import { CounterButton } from "@repo/ui/counter-button";
// shadcn/ui components
import { Card } from "@repo/ui/components/card";
```
### More Information ### More Information
#### [shadcn/ui](https://ui.shadcn.com/docs/monorepo) for UI components #### [shadcn/ui](https://ui.shadcn.com/docs/monorepo) for UI components