Kubetail-UI is a project for developing and sharing React components and other UI elements for Kubetail

First, install the dependencies:

pnpm install

Next, run storybook:

pnpm storybook

Open http://localhost:6006 in your browser to see Storybook.

Instead of running the project on your local machine you can also run it in a container using docker compose:

docker compose up

Open http://localhost:6006 in your browser to see Storybook.

• build - Run the build script ($ pnpm build)
• lint - Run the linter ($ pnpm lint)
• test - Run the unit tests ($ pnpm test)
• storybook - Run the storybook development server ($ pnpm storybook)
• build-storybook - Run the storybook build script ($ pnpm build-storybook)

1. Install the @kubetail/ui package

pnpm add @kubetail/ui

2. Modify your Tailwind css file

@import 'tailwindcss';


@import '@kubetail/ui';
@source '../node_modules/@kubetail/ui/**/*.js';

@custom-variant dark (&:where(.dark, .dark *));