Action Sheet

Updated:

Use for presenting a modal sheet.

Properties

Learn more about properties.

Events

The q2-action-sheet element exposes events that can be used to send and receive data from the component based on user interaction.

Learn more about events.

tctClose

Emitted when the action sheet is closed.

Event Detail Type signature

ActionSheetListCloseData

Methods

The q2-action-sheet element exposes methods that can be used to perform various actions on the component.

Learn more about methods.

hide

Type signature

hide(data?: ActionSheetListCloseData) => Promise<void>

show

Type signature

show() => Promise<void>

Accessibility

Accessibility Report

Tecton components are designed and tested to be WCAG compliant when used appropriately, and do not get released without proper validation. Developers should prefer not to set ARIA attributes when using components from the Tecton Design System.

CSS Variables

The following CSS variables are available to override the default theme styles of the q2-action-sheet component.

Dependencies

Many Tecton components consume other components to maintain visual and functional consistency. If you are looking for a CSS variable you think should exist but are not seeing it, it may be defined in one of the dependent components below. Either way, if you think it's something we should expose more conveniently, let us know!

Changelog

The changelog provides a detailed history of new features, improvements, and bug fixes going back to Tecton 1.30.0. If the button is disabled, it indicates there have been no detectable changes since then.

Show changelog (7)