UI Components

UI Components (ui-components) is a reusable component library. It provides the core components for the Cockroach design system.

  npm install --save-dev @cockroachlabs/ui-components

Components are exported individually from the package,

import { Badge } from "@cockroachlabs/ui-components";

export default props => (
  <div>
    <Badge>Cockroach UI Badge</Badge>
  </div>
);

Storybook

This library uses Storybook to document it's components.

To run storybook:

pnpm storybook

This will open storybook at http://localhost:6006/. From there, you can browse the library of shared components, as well as brand colors and typography.