Fieldbook
Sign in

Overlays

Tilt-in content frame

An informational panel that tilts in from an edge, dismisses freely on outside click or Escape, and grows smoothly as a second section of content is revealed.

Using Tilt-in content frame

An informational panel that tilts in from an edge, dismisses freely on outside click or Escape, and grows smoothly as a second section of content is revealed.

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: from, accent, showMore, title

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

Consequence confirm dialog
1943Consequence confirm dialogOverlaysA confirmation dialog that tilts into view from a chosen edge and blocks the page until the visitor explicitly cancels or continues.
Perspective reveal dialog
2204Perspective reveal dialogOverlaysA general purpose dialog whose panel tilts in from a chosen edge in 3D, then flattens into place, for showing arbitrary content over a dimmed page.
Sheet drawer
1540Sheet drawerOverlaysA slide-over panel that springs in from one edge over a dimmed backdrop, holds focus inside, and closes on Escape, the close button, or a pull on its header.
Anchored detail popover
1910Anchored detail popoverOverlaysA trigger button that opens a small anchored panel holding a titled settings form, growing out of the trigger's edge and closing on Escape or an outside click.
Anchored settings popover
1913Anchored settings popoverOverlaysA button that opens a small settings panel anchored beside it, growing from the corner nearest its trigger and flipping sides when space runs out.
Banner header dialog
1919Banner header dialogOverlaysA modal window with a colored banner strip across its top edge, sitting over a dimmed and fully inert copy of the page behind it.