Guides
Theming and layout
Change the theme, arrange pages with layout classes and recipes, build forms that behave like native fields, and compose interfaces from markup or data.
Guides
Theming and styling
Change the theme first; reach for a component’s own variables, parts, and states only when the theme cannot say it.
Layout
Arrange pages with a few layout classes and let containers, not the viewport, decide when a layout changes.
Forms and accessibility
Form controls behave like native fields, and each element’s reference names the WAI-ARIA pattern and keyboard model it follows. Tested by keyboard and with axe-core in three browser engines; screen readers are not yet verified.
Composition: data, templates, or both
Write markup when the structure is fixed; pass data when it comes from somewhere else; describe a whole interface as data when an agent or a server produces it.