Theme

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

  • Register the elements before rendering. Use reactive properties with oninput / onchange and ordinary slot attributes.
  • The Vite example is tested for external state, events, and slotted links. SvelteKit SSR is not tested; there is no dedicated Svelte adapter.

Example

Scope

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

Back to top