Components / Brand
Dither band
A thin storm band that signs a section or page heading.
@fabrials/ui
Usage AI
Anonymous weekly totals from Spanreed users who share a snapshot.
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { DitherBand } from "@fabrials/ui";
API reference
| Prop / export | Type | Description |
|---|---|---|
seed | number | Another band with the same look. |
--fui-band-height | CSS length | Height, 4.5rem by default. |
Behavior
At most one per view. On a card, set --fui-dither-bg: var(--card) so the band fades into it.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.