Components — rowkit

Components

Components ​

Every component in rowkit, by folder — the same tree as the folder pane on the left. Each name opens its page: what it is for, examples to copy, and its props.

Foundations

Foundations components
NameDescription
ButtonThe Windows 98 command button. A black-framed default for the action Enter takes, raised secondary for every…
ButtonGroupA Windows 98 toolbar group: related buttons edge to edge, each keeping its own bevel. Ghost buttons are the…
SeparatorThe Windows 98 etched line: 1px of shadow beside 1px of highlight, so it reads as a groove cut into the…
WindowA Windows 98 window: the title bar with its caption buttons, a body, and a status bar if it needs one. For a…
GroupBoxThe Windows 98 group box: an etched frame with its legend sitting on the top line. It groups the controls of…
StatusBarThe strip along the bottom of a Windows 98 window: sunken cells on the silver face, each holding a line of…
ProgressBarThe Windows 98 block progress bar: navy blocks filling a sunken track, whole blocks only. For a task whose…
ScrollAreaA region with Windows 98 scroll bars that rowkit draws itself: raised arrow buttons, a dithered track and a…

Forms

Forms components
NameDescription
FieldField owns the label, hint, error and the ARIA wiring between them. Input is the text control. They are…
SelectA single-value picker, optionally searchable, following the WAI-ARIA combobox pattern. Generic over the value…
CheckboxThe Windows 98 check box: a 13×13 sunken box beside its label. A native <input type="checkbox"> underneath,…
RadioThe Windows 98 option button: a 12×12 round well beside its label. One choice from a few. Native <input…
BadgeA short, non-interactive status label. Built for the status column of a table, where the same handful of…

Data

Data components
NameDescription
DataTableA typed table. Column definitions are constrained to the row type, cells render through per-column slots, and…
PaginationPage controls for a table: a range summary, a rows-per-page control, and page numbers.
FilterBarA toolbar above a table: a search box, whatever filter controls the table needs, and a chip for every filter…
EmptyStateThe screen a table shows when it has nothing to show. A title, an explanation, and a way forward — the last…
SkeletonA loading placeholder shaped like the content it stands in for. Built to be composed — the primitives are a…

Overlays

Overlays components
NameDescription
DialogA modal dialog. Focus trap, focus restore, scroll lock and background inerting come from rowkit's shared…
ToastA notification queue. Not really a component — a service with a component attached: you call a toast into…
TooltipA label for a control, on hover and on focus. You place the trigger and the content; the portal lives inside…
Last updated: 2026-10-05
MIT