@sampark/ui

Shared UI library based on shadcn/ui.

Installation

This library is part of the monorepo. You can import components directly.

Usage

1. Configure Tailwind

In your app's tailwind.config.js:

const sharedConfig = require("../../libs/ui/tailwind.config.js")

module.exports = {
  ...sharedConfig,
  content: [
    ...sharedConfig.content,
    "./src/**/*.{ts,tsx}", // Your app's content
    "../../libs/ui/src/**/*.{ts,tsx}", // Include UI library content
  ],
}

2. Import CSS

In your app's entry file (e.g., main.tsx or layout.tsx):

import "@sampark/ui/src/globals.css"

3. Use Components

import { Button } from "@sampark/ui"

export default function MyComponent() {
  return <Button>Click me</Button>
}

Theming

The library supports light and dark modes via CSS variables. Colors are defined in libs/ui/src/globals.css.