Fieldbook
Sign in

Data display

Pin priority list

A two-section list where tapping a row's pin toggle animates it between a pinned group and the rest with one continuous spring motion.

Using Pin priority list

A two-section list where tapping a row's pin toggle animates it between a pinned group and the rest with one continuous spring motion.

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: itemCount, accentColor, transitionStiffness, pinnedLabel

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

Pin to top list
2012Pin to top listData displayA two-group list where clicking a pin button smoothly moves an item between a pinned section and an unpinned one.
Animated metric counter
2299Animated metric counterData displayA large bare numeral that springs up from a starting value to its target the moment it scrolls into view, overshooting slightly before it settles, with thousands separators and an optional suffix.
Counting readout
2134Counting readoutData displayA metric figure that counts from a start value up to its target on a spring the first time it is seen, with fixed decimals and optional zero padding.
Drag reorder checklist
2341Drag reorder checklistData displayA checklist whose rows can be dragged into a new order, with checked items drawing an animated check and a strikethrough.
Endless Feed Loader
2347Endless Feed LoaderData displayA news-style list that keeps appending fresh headline batches as a small spinner at the bottom scrolls into view.
Notification feed stack
2200Notification feed stackData displayA vertical feed that reveals notification cards on a timer, sliding older cards down and dropping the oldest off the bottom as new ones arrive.