DEV/material-components_material-components-ios
1
0
Fork 0
mirror of https://github.com/material-components/material-components-ios.git synced 2026-02-20 08:27:32 +08:00
Code Issues Packages Projects Releases Wiki Activity
material-components_materia.../components/ActionSheet/docs/customization.md
Robert Moore 8fb17f7b0a
[ActionSheet] Add contentEdgeInsets API. (#9008) 
This is the first of three APIs required to support customized action cell
layouts necessary for internal design guidelines.  The `contentEdgeInsets` API
allows configuring the inset/outset values of the content rectangle of each
action cell.

Part of #8709
2019-11-22 07:19:49 -05:00

1.4 KiB
Raw Permalink Blame History

Customization

Positioning Action Sheet Actions

The layout of the Action Sheet list items can be adjusted with the contentEdgeInsets API. Positive values will inset the content and negative values will outset the conent. The insets apply to all action items.

Action Sheet showing three items with default edge content insets. Action Sheet showing three items with default content insets.

For example, setting top and bottom insets (positive values) will reduce the height of the Action list items.

Action Sheet showing three items with top and bottom content edge insets. Action Sheet showing three items with top and bottom content edge insets.

Setting a left outset (negative value) and right inset (positive value) will shift the Action's content to the trailing edge.

Action Sheet showing three items with a left content edge outset and right inset shifting content to the right. Action Sheet showing three items with a left content edge outset and right inset shifting content to the right.