Updated October 2026
Sheets & Overlays
Draggable iOS-style bottom sheets, action sheets with destructive items, and blocking loading overlays.
On this page:
Action Sheet
typescript
const sheet = await ui.sheet({
title: 'Account Options',
message: 'Select action for user @tashanto',
actions: [
{ label: 'View Profile', value: 'profile' },
{ label: 'Export Activity Log', value: 'export' },
{ label: 'Revoke API Tokens', value: 'revoke', style: 'destructive' },
],
cancelLabel: 'Cancel',
});
`
Draggable Bottom Sheet
typescript
await ui.bottomSheet({
title: 'Edit Workspace Permissions',
text: 'Drag down or click outside to dismiss this drawer.',
confirmButton: { label: 'Save Changes' },
});Want to test these options live?
Launch the interactive playground to experiment with themes, positions, and live generators.