PhiaUi.Components.ActionSheet (phia_ui v0.1.17)

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

Summary

Functions

action_sheet(assigns)

action_sheet_cancel(assigns)

action_sheet_content(assigns)

action_sheet_item(assigns)

action_sheet_trigger(assigns)

Functions

action_sheet(assigns)

Attributes

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

Slots

inner_block (required)

action_sheet_cancel(assigns)

Attributes

class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block

action_sheet_content(assigns)

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(assigns)

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(assigns)

Attributes

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

Slots

inner_block (required)