All components

Every component, with its page. A K marks one the Kobalte layer covers, so its parts are styled from the markup Kobalte renders, without class attributes.

Typography

Prose Headings, paragraphs, lists, quotes and code Link Accent-coloured links Kbd Keyboard keys

Actions

Button btn and its variants

Navigation

TabsKalpha Layered panels, one at a time DropdownKalpha A floating panel of actions NavbarKalpha The bar across the top, and menubars BreadcrumbsKalpha The trail back up the hierarchy PaginationKalpha A row of page buttons

Data display

AlertKalpha A short, important message Badge Pills for counts and tags Card A padded surface Progress A flat progress bar Table Rows and columns CollapseKalpha Sections that open and close SkeletonKalpha A placeholder while content loads

Forms

Label The layout primitive for form controls Fieldset A bordered group of controls Input Text-like inputs Textarea Multi-line input SelectKalpha Native select, and Kobalte's listbox Checkbox A drawn check Radio Choice rows and cards RangeKalpha A native slider File input A styled picker button Color input A colour swatch ToggleKalpha A switch SliderKalpha A built slider, track and thumb Segmented controlKalpha Exclusive choices in one control

Overlay

Dialog A modal built on <dialog> TooltipKalpha A bubble of explanatory text PopoverKalpha A floating panel with content ToastKalpha Messages stacked in a corner

Layout

DividerKalpha A rule between blocks Loadingalpha A spinner

Also

Colors The scale, and how it is derived --color: teal Customizing Tokens, scoping and Sass entry points Layout Containers and the flex helper