When to use
Use a menu to tuck secondary actions behind a button or long press, like Sort, Filter, or Duplicate. It keeps the screen calm while every option stays one tap away.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
data-align | "start" | "center" | end | Which edge of the button it lines up with. |
data-side | "top" | below | Opens above the button. |
data-context | boolean | false | Context menu for a long press on content. |
data-destructiveon .ios-menu__item | boolean | false | Red item. |
aria-checkedon .ios-menu__item | "true" | – | Checkmark on the item. |