Components › Touch

Menus

A Menu offers a list of actions or functions that a user can access.

Action OverflowAction OverflowprototypeNot Compatible with S1 Mobile

Preview

Code

Code will be available when this component reaches a Dev-Ready state.

An action overflow for touch is the list of actions that are usually secondary or tertiary to a task. These are usually utility actions like edit, delete, etc. This is specifically for touch devices.

Component Overview

Usage

This table gives you a quick overview of the SLDS CSS classes that can be applied to this component.
Class NameUsage
.slds-action-overflow--touch
Applied to:

div

Outcome:

Positions the Action overflow for touch to take up full screen

Required:

No, optional element or modifier

Comments:

--

.slds-action-overflow--touch__container
Applied to:

div

Outcome:

Pushes the menu to the bottom of the screen.

Required:

No, optional element or modifier

Comments:

--

.slds-action-overflow--touch__content
Applied to:

div

Outcome:

Creates a scrolling area that is pushed down the screen by a third of the viewport height.

Required:

No, optional element or modifier

Comments:

--

.slds-action-overflow--touch__body
Applied to:

div

Outcome:

Draws the white menu.

Required:

No, optional element or modifier

Comments:

--

.slds-action-overflow--touch__footer
Applied to:

div

Outcome:

Creates the footer for the Cancel button.

Required:

No, optional element or modifier

Comments:

--