Lens Design System – Core React Component Library
npm install @k8slens/lds./lib/es/index.js - Main ES module./lib/es/index.electron.js - Main ES module for Electron./lib/es/ComponentName/ComponentName.js - Individual ES modules./lib/cjs/index.js - Main CommonJS module./lib/cjs/ComponentName/ComponentName.js - Individual CommonJS modules./lib/web/[version-number]/index.css - Static CSS for web./lib/web/[version-number]/index.js - AMD package for RequireJS. Requires external react import.npm i -s @k8slens/lds @k8slens/lds-tokens@k8slens/lds-tokens/lib/web/font-imports.css in your React app to include fonts@k8slens/lds/index.css in your React app to include general styles@k8slens/lds/typography.css in your React app (after index.css) to include base typographic styles``js
import { Button } from "@k8slens/lds";
export const Component = () => (
);
`
- import @k8slens/lds-tokens/lib/electron/fonts.css in your React Electron app to include fonts
- import @k8slens/lds/index.css in your React Electron app to include general styles
- Use in a component:`js
import { Button } from "@k8slens/lds";export const Component = () => (
);
``