Components
Every part of the kit, as plain HTML classes and as Astro components.
Idle
In this chapter 14 pages
Each component page shows a live example, the HTML that made it, the Astro way to write it, and what can be changed. The HTML version works anywhere; the Astro version prints the same markup.
| Family | What is in it | Status |
|---|---|---|
| Buttons and tags | Buttons, tags, status labels, stability labels. | Stable |
| Navigation | Top bar, search, chapter tabs, sidebar, on-this-page list, breadcrumb, pager. | Stable |
| Notes | Note, info, warning, success, and danger callouts. | Stable |
| Forms | Inputs, selects, checkboxes, radios, switches, sliders, segmented controls. | Stable |
| Tables | Data tables with tabular numbers, stripes, and captions. | Stable |
| Code | Highlighted code panels with copy, inline code, keyboard keys. | Stable |
| Complex | The live Vietoris-Rips complex with its radius slider, the emblem of these docs. | Experimental |
| Atlas | A globe of the places in a CV that follows the entries as you read. | Experimental |
| Probability machine | The live Galton board and the loading indicator. | Experimental |
| Research | Paper header, figures, equations, citations, BibTeX, publication wall. | Experimental |
| Search engines | Head tags for search results, Google Scholar, and link previews. | Experimental |
| Long-form writing | Post header, sidenotes, margin figures, footnotes, theorem environments, collapsible sections. | Experimental |
| Demo chrome | App shell, controls, readouts, empty states, toasts. | Experimental |
| Charts | Chart frame, legend, tooltip, texture fill. | Experimental |
Everything here is version 0.6.3. "Stable" means the class names and props are not expected to change before 1.0; "experimental" means they might.