# `PhiaUi.Components.ActionSheet`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/navigation/action_sheet.ex#L1)

Mobile-style action sheet component — a sliding bottom panel.

Requires the `PhiaActionSheet` JavaScript hook registered in `app.js`.

Provides five components:

- `action_sheet/1` — root container with JS hook anchor
- `action_sheet_trigger/1` — trigger wrapper element
- `action_sheet_content/1` — sliding bottom panel
- `action_sheet_item/1` — individual action button
- `action_sheet_cancel/1` — cancel button

# `action_sheet`

## Attributes

* `id` (`:string`) (required)
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `action_sheet_cancel`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block`

# `action_sheet_content`

## Attributes

* `id` (`:string`) (required)
* `title` (`:string`) - Defaults to `nil`.
* `description` (`:string`) - Defaults to `nil`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `action_sheet_item`

## Attributes

* `on_click` (`:string`) - Defaults to `nil`.
* `href` (`:string`) - Defaults to `nil`.
* `variant` (`:atom`) - Defaults to `:default`. Must be one of `:default`, or `:destructive`.
* `disabled` (`:boolean`) - Defaults to `false`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)
* `icon`

# `action_sheet_trigger`

## Attributes

* `action_sheet_id` (`:string`) (required)
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

---

*Consult [api-reference.md](api-reference.md) for complete listing*