Fieldbook
Sign in

Inputs

Preference checklist

A stack of labeled preference rows, each with its own accent-colored checkbox that fills and draws a checkmark independently.

Using Preference checklist

A stack of labeled preference rows, each with its own accent-colored checkbox that fills and draws a checkmark independently.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: rowCount, size, variant, accentColor

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Select All Checklist
1982Select All ChecklistInputsA parent checkbox that shows a dash when only some of its child items are checked, and a checkmark once every item is.
Todo strike checkbox
2069Todo strike checkboxInputsA task checkbox that draws its checkmark and strikes a line through the task label at the same time.
Check draw toggle
1932Check draw toggleInputsA square checkbox whose checkmark draws itself stroke by stroke when checked, with a soft press and hover scale.
Checkbox motion lab
1933Checkbox motion labInputsA single oversized checkbox for tuning exactly how firmly it presses and how slowly its checkmark draws in.
Checkmark draw checkbox
1934Checkmark draw checkboxInputsA square checkbox that answers a check by drawing a checkmark one stroke at a time, and shows a short dash instead when its state is only partly set.
Dot radio list
1951Dot radio listInputsA vertical list of radio options with circular indicators, where selecting one fills it with a dot and clears the rest.