Getting started

Install the library in your application using your preferred package manager.

npm install @computas/designsystem

Import the global styles at the top of your application.

@import "@computas/designsystem/global-styles.css";

This style sheet adds an opinionated CSS reset to your page, adds all CSS variables to the root of your stylesheet, and provides the code for the CSS-based components.

Import the components that you need for your application.

// React
import { CxDropdown } from "@computas/designsystem/dropdown/react";

// Web Component (Angular, Vue etc.)
import "@computas/designsystem/dropdown";

Finally, use your component in your template.

// React
<CxDropdown>...</CxDropdown>

<!-- Web Component (Angular, Vue etc.) -->
<cx-dropdown> ... </cx-dropdown>