Fieldbook
Sign in

Feedback

Stacked notification tray

A phone-style pile of notification cards that fans out into a readable list when tapped and collapses back into a single deck.

Using Stacked notification tray

A phone-style pile of notification cards that fans out into a readable list when tapped and collapses back into a single deck.

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: count, accent, startExpanded, collapsedOffset, stagger

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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Stacked notification drawer
2055Stacked notification drawerFeedbackA compact stack of notification cards that hides behind its top card until hovered, then fans out into a fully readable list before collapsing back.
Toast stack
1546Toast stackFeedbackA corner notification stack where older toasts tuck behind the newest, pointing at it fans them into a list, and each one drains a hairline before it leaves.
Breathing dot loader
2117Breathing dot loaderFeedbackDots that stay put and breathe instead of moving, swelling and dimming in turn so the row reads as a slow heartbeat.
Click ripple burst
1937Click ripple burstFeedbackA pointer-feedback effect that spawns a brief animated shape exactly where the user clicks or taps.
Click spark burst
2122Click spark burstFeedbackEvery press throws a ring of short lines out from the exact point of contact, each one stretching away and shrinking to nothing as it flies.
Content Loading Card
2129Content Loading CardFeedbackA card-shaped placeholder that breathes with a slow opacity pulse while a large image block and two lines of text are still loading.