Data Story

The density scale

One multiplier — --bf-space-scale — cascades through every spacing step, and --bf-type-scale through the type scale. Flip the subtree with data-density, or set the dials at :root for a page-wide custom step.

Markup

One composed recipe

Filter bar, a sortable and selectable table with a sticky header, a bulk-actions bar that appears with a selection, the empty state when the filter matches nothing, and pagination. Verify audits the sort and selection wiring.

Event log

Server-rendered sort

data-sort="asc|desc" on a <th> paints the arrow without the module — the declarative mirror of aria-sort. Pair it with the semantic attribute when the sort is real; alone it is a presentational hint for a table that sorted on the server.