eQuantic.UIeQuantic.UI
Docs
Playground
GitHub
DocsOverlays
BottomSheet
View source
1 min read
A surface that rises from the bottom edge with drag-to-dismiss. The default container for contextual tasks on touch.
1
using eQuantic.UI.Components;
DEFAULT
Sheet content
drag to dismiss
Usage
1
2
3
4
5
new BottomSheet(new TransferOptions())
{
Dismissible = true,
OnDismiss = () => SetState(() => _sheet = null),
}
API
Prop
Type
Default
Description
Content
VisualNode
Sheet content; it owns its own scrolling.
Dismissible
bool
true
Scrim tap and downward fling dismiss.
OnDismiss
Action?
null
Fires once the dismissal completes.
States
State
Rendering
Dragging
Follows the finger one-to-one
Settling
Snaps by position and velocity
Dismissing
Slides out as the scrim fades
Accessibility
Dialog semantics with focus trapped; the grabber exposes expand, collapse and close as actions.
When to use
Pickers, filters and detail peeks that keep the parent visible.
Avoid
Full multi-step forms.
Nested or simultaneous sheets.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/BottomSheet.cs.