@kubetail/ui v0.2.0

kubetail-ui

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

Getting started

First, install the dependencies:

pnpm install

Next, run storybook:

pnpm storybook

Getting started in Docker

This should work as simple as running the following command:

docker compose up

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

Scripts

• 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)

Integrate kubetail-ui into your Tailwind CSS project

1. Install @kubetail/ui package

pnpm add -D @kubetail/ui

2. Modify your Tailwind config file

import kubetailUIPlugin from '@kubetail/ui/plugin';

export default {
  content: [
    ...
    './node_modules/@kubetail/ui/**/*.js',
  ],
  plugins: [
    ...
    kubetailUIPlugin,
  ],
};