Lens Design System – React Form components

Documentation

Browse the documentation at lens-design-system.k8slens.dev.

What is included?

ES Modules

• ./lib/es/index.js - Main ES module
• ./lib/es/ComponentName/ComponentName.js - Individual ES modules

CommonJS modules

• ./lib/cjs/index.js - Main CommonJS module
• ./lib/cjs/ComponentName/ComponentName.js - Individual CommonJS modules

Usage with React apps

• run npm i -s @k8slens/lds @k8slens/lds-tokens
• import @k8slens/lds-tokens/lib/web/font-imports.css in your React app to include fonts
• import @k8slens/lds/index.css in your React app to include core styles
• import @k8slens/lds-form/index.css in your React app to include form styles
• Use in a component:

import { FormErrorComponent } from "@k8slens/lds-form";

export const Component = () => (
  <FormErrorComponent label="My Button" />
);