PhoenixDuskmoon.Component.Dropdown (PhoenixDuskmoon v7.2.1)

View Source

Dropdown menu component for action menus and navigation.

Examples

<.dm_dropdown>
  <:trigger>
    <.dm_btn variant="ghost">Menu</.dm_btn>
  </:trigger>
  <:content>
    <li><a>Profile</a></li>
    <li><a>Settings</a></li>
    <li><a>Logout</a></li>
  </:content>
</.dm_dropdown>

<.dm_dropdown position="right" color="primary">
  <:trigger>
    <.dm_btn variant="primary">
      Actions
      <.dm_mdi class="ml-1">chevron-down</.dm_mdi>
    </.dm_btn>
  </:trigger>
  <:content>
    <li><a phx-click="edit">Edit</a></li>
    <li><a phx-click="duplicate">Duplicate</a></li>
    <li><a phx-click="delete" class="text-error">Delete</a></li>
  </:content>
</.dm_dropdown>

Attributes

  • position - Dropdown position: left, right, top, bottom (default: left)
  • color - Dropdown color: primary, secondary, accent, info, success, warning, error (default: primary)
  • open - Force dropdown to be open
  • class - Additional CSS classes
  • dropdown_class - Additional CSS classes for dropdown element

Slots

  • :trigger - Element that triggers the dropdown (required)
  • :content - Dropdown menu content (required)

Summary

Functions

dm_dropdown(assigns)

Functions

dm_dropdown(assigns)

Attributes

  • position (:string) - Defaults to "left". Must be one of "left", "right", "top", or "bottom".
  • color (:string) - Defaults to "primary". Must be one of "primary", "secondary", "accent", "info", "success", "warning", or "error".
  • open (:boolean) - Defaults to false.
  • class (:string) - Defaults to nil.
  • dropdown_class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • trigger (required) - Accepts attributes:
    • class (:string)
  • content (required) - Accepts attributes:
    • class (:string)