Skip to content

kubetail-org/kubetail-ui

Repository files navigation

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

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
  1. Modify your Tailwind config file
import kubetailUIPlugin from '@kubetail/ui/plugin';

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