Menu item with checkbox behavior.

Attributes

• checked (:boolean) - Defaults to false.
• shortcut (:string) - Defaults to nil.
• color (:string) - Color utility class string. One of: gray, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky. Must be one of "gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", or "sky".
• disabled (:boolean) - Defaults to false.
• text_value (:string) - Defaults to nil.
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• inner_block (required)

The menu content. Portals into container (default "body").

Attributes

• id (:string) - Defaults to nil.
• size (:string) - Defaults to "2". Must be one of "1", or "2".
• variant (:string) - Defaults to "solid". Must be one of "solid", or "soft".
• container (:string) - Defaults to "body".
• class (:string) - Defaults to nil.
• color (:string) - Color utility class string. One of: gray, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky. Must be one of "gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", or "sky".
• high_contrast (:boolean) - Whether to increase color contrast with the background.
• Global attributes are accepted.

Slots

• inner_block (required)

A standard menu item.

Attributes

• shortcut (:string) - Defaults to nil.
• color (:string) - Color utility class string. One of: gray, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky. Must be one of "gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", or "sky".
• disabled (:boolean) - Defaults to false.
• text_value (:string) - Defaults to nil.
• class (:string) - Defaults to nil.
• Global attributes are accepted. Supports all globals plus: ["phx-click", "phx-target", "value", "href"].

Slots

• inner_block (required)

Non-interactive label.

Attributes

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

Slots

• inner_block (required)

A radio menu item.

Attributes

• value (:string) - Defaults to "".
• checked (:boolean) - Defaults to false.
• shortcut (:string) - Defaults to nil.
• color (:string) - Color utility class string. One of: gray, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky. Must be one of "gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", or "sky".
• disabled (:boolean) - Defaults to false.
• text_value (:string) - Defaults to nil.
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• inner_block (required)

Root container for the dropdown menu.

Attributes

• id (:string) - Defaults to nil.
• open (:boolean) - Defaults to false.
• default_open (:boolean) - Defaults to false.
• on_open_change (:string) - Defaults to nil.
• dir (:string) - Defaults to "ltr". Must be one of "ltr", or "rtl".
• modal (:boolean) - Defaults to true.
• class (:string) - Defaults to nil.
• style (:string) - Defaults to "".
• Global attributes are accepted.

Slots

• inner_block (required)

Visual separator between items.

Attributes

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

Sub-menu container.

Attributes

• open (:boolean) - Defaults to false.
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• inner_block (required)

Content of a sub-menu.

Attributes

• id (:string) - Defaults to nil.
• side (:string) - Defaults to "right". Must be one of "top", "right", "bottom", or "left".
• align (:string) - Defaults to "start". Must be one of "start", "center", or "end".
• side_offset (:integer) - Defaults to 1.
• size (:string) - Defaults to "2". Must be one of "1", or "2".
• variant (:string) - Defaults to "solid". Must be one of "solid", or "soft".
• class (:string) - Defaults to nil.
• color (:string) - Color utility class string. One of: gray, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky. Must be one of "gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", or "sky".
• high_contrast (:boolean) - Whether to increase color contrast with the background.
• Global attributes are accepted.

Slots

• inner_block (required)

Trigger for a sub-menu.

Attributes

• disabled (:boolean) - Defaults to false.
• text_value (:string) - Defaults to nil.
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• inner_block (required)

The area that opens the dropdown menu on click.

Attributes

• id (:string) - Defaults to nil.
• content_id (:string) - Defaults to nil.
• disabled (:boolean) - Defaults to false.
• class (:string) - Defaults to nil.
• style (:string) - Defaults to "".
• Global attributes are accepted.

Slots

• inner_block (required)

An optional icon part for the trigger.

Attributes

• class (:string) - Defaults to nil.