HTML

Install

Styles and fonts

Load once at the application root. White is the default; set data-theme="dark" for dark mode. Typography comes from the shared tokens.

Contract

• Use a build tool such as Vite to resolve package imports. A plain browser needs an import map or bundled URLs.
• Use attributes for primitives, DOM properties for arrays and objects, and slots for markup. Register an element before assigning properties.
• Listen to input while editing and change on commitment. Custom cad-* events carry their payload in event.detail.

Example

Scope

Import components individually. Charts and motion remain optional. See validation and limitations for the tested combinations.