Getting started
Install the packages, load the theme, and import the components you use.
- 1
Install
Elements provides the components. Tokens provides their shared colors, fonts, and spacing. React, Astro, and motion packages are optional.
- 2
Import
Import each component by name to keep unused components out of your bundle. Load the theme once; it starts with a white background.
- 3
Add markup
Use attributes for simple values and slots for content. Set arrays and objects as JavaScript properties.
Your first component
Handle events
Listen on the component or a parent element. Events bubble and cross shadow boundaries.