Components

This template collects every display and overlay component from the source examples. Keep it open while theming to see how token changes affect the kit in both color schemes.

Included patterns

• Each section places a component's data-variant and data-size values side by side, making token changes easy to compare.
• The tooltip, menu, and dialog use native popover and invoker command attributes. The page has no JavaScript for positioning or open and close behavior.
• The cards section combines subgrid rows, bg-card, a badge, and a footer. The component docs explain this composition step by step.

See the components section for individual component guides and copyable examples.

Source

Open the raw page, or read components.html on GitHub.