Positioning

Updated on Dec 19, 2025

The ActionSheet enables you to specify its position in relation to the page content.

To specify where the ActionSheet will be displayed, use the position property.

The ActionSheet provides the following options for positioning:

• top—Positions the ActionSheet at the top side of the screen.
• bottom(Default)—Positions the ActionSheet at the bottom side of the screen.
• left—Positions the ActionSheet at the left side of the screen.
• right—Positions the ActionSheet at the right side of the screen.
• fullsceen—Positions the ActionSheet on full size of the screen.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the ActionSheet Props