UI Component Library

The shared Skam design system powered by Shadcn UI and Tailwind CSS v4.
Located in packages/ui

Strict Golden Rule

Never fetch data inside UI components. The @skam/ui package must remain purely presentational. All data must be passed via props from consumer applications (Web or Dashboard).

Usage

Import components across any app in the monorepo using the workspace alias:

Import

import { Button } from "@skam/ui/components/button"
import { Card } from "@skam/ui/components/card"

Available Components

Button

Card

Badge

Dialog

Dropdown Menu

Input

Textarea

Label

Popover

Scroll Area

Sonner (Toasts)

Styling Approach

Framework

Tailwind CSS v4 with utility-first classes

Merging

Tailwind Merge via the cn() utility for safe class overrides

Overrides

Consumer apps can pass className props to customize any component