@kleffio/ui

Reusable Kleff UI package for panel, www, docs, and plugin frontends.

Install

Use from any repo:

npm install git+https://github.com/kleffio/ui.git#main

Or add directly in package.json:

{
  "dependencies": {
    "@kleffio/ui": "git+https://github.com/kleffio/ui.git#main"
  }
}

Usage

Import package styles once in your app global stylesheet:

@import "@kleffio/ui/styles.css";

Import components from the package root:

import { Button, Card, NavigationMenu, buttonVariants } from "@kleffio/ui";

Next.js

When consuming TypeScript source directly, add:

transpilePackages: ["@kleffio/ui"];