Action Sheet

Action sheets can be triggered in your app view to providing contextual actions on a component. They act as slide up menus on small devices and drop downs on larger screens.

I'm an Action Sheet

Please make a choice

Tip: Make sure the container you're in allows overflow to be shown, in case your Action Sheet is located towards the bottom of the container. (This may also be the case horizontally).

Example

Documentation


<t:actionsheet title="I'm an Action Sheet" description="Please make a choice">
    <h:link value="Twitter"/>
    <h:link value="Facebook"/>
    <h:link value="Mail"/>
</t:actionsheet>

Action sheets can be triggered in your app view to providing contextual actions on a component. They act as slide up menus on small devices and drop downs on larger screens.

Info

Tag name	actionsheet
Component type	io.tornadofaces.component.ActionSheet
Renderer type	io.tornadofaces.component.ActionSheetRenderer

Attributes

Name	Description	Required
rendered	Should this component be rendered?	false

To fully understand the markup of the Action Sheet, please consult the Foundation for Apps Documentation.