Skip to content
quartiledocsv0.1
GitHub

Components

Interface and data-display components that share the charts’ theme, data model and selection. These pages cover the ones you reach for most; the gallery shows every component live.

Documented here

DataExplorer
Typed filters, multi-sort, grouping, saved views, controlled edits and CSV export.
AssistantPanel
Optional context inspection, validated proposals and explicit review/apply with your adapter.
Badge & Delta
Badge labels a status or a category; Delta shows a signed change colored by whether it is good.
Button
Buttons for actions, with icon buttons, attached groups and a split button that opens related actions.
Card
The white, hairline surface every chart and table sits in, with a title, a subtitle and header actions.
Checkbox, Radio & Switch
Checkboxes pick several options, a radio group picks one, and a switch turns a setting on or off.
Combobox
A filterable select for long option lists, single or multiple, with an optional figure beside each option.
CommandMenu
A command palette in a modal dialog: a search field that filters grouped commands. This site’s ⌘K search is built on it.
DataTable
Rows with typed cells (bars, sparklines, deltas, badges, status dots) that follow the selection, publish a field on click, sort, paginate and virtualize.
DateRangePicker
A trigger that shows the range and its length, opening presets and a month grid.
Dialog
A modal dialog that traps focus, closes on Escape and returns focus to the opener, plus a confirmation dialog with a loading state.
FilterBar
A row of filter chips that mirrors the selection: one chip per field, plus one for anything another view published.
KPI
A headline number that always states its comparison: a delta, a sparkline, progress toward a target or a two-bar comparison.
Menu
An action menu anchored to a trigger, with icons, shortcut hints, separators and destructive items.
RangeSlider
A two-thumb slider for a range, with an optional histogram of the values it filters drawn behind the track.
SegmentedControl
One choice from a short list on a sunken track, for periods, views and modes.
Select
A listbox select with grouped options, descriptions and disabled states.
Tabs
Tabs switch between views of the same data, with an optional count after each label.
TextField
Text and number inputs with a label, a hint or an error, prefixes, suffixes, icons and shortcut hints.
Toast
Short notifications that stack in a corner and dismiss themselves, with one optional action.
Tooltip & Popover
Tooltips name or explain a control on hover and focus; popovers hold interactive content anchored to a trigger.
Report an issueBuilt Oct 21, 2026