@steelcase/web-components

Lit-based web components for the Steelcase design system.

Installation

@steelcase/web-components has a lit peer dependency.

pnpm add @steelcase/tokens @steelcase/web-components lit
# or: npm i @steelcase/tokens @steelcase/web-components lit

Recommended usage (per component)

Each component entry registers its custom element as a side effect.

import '@steelcase/tokens/steelcase.css';
import '@steelcase/web-components/sc-example';

document.body.innerHTML = '<sc-example></sc-example>';

Import all components

import '@steelcase/web-components';