Plausible Storybook

Dropdown

Attribute Type Documentation Default Value
class :string ""
id :string
Required button * :slot
Show slot attributes Hide slot attributes
class :string 
<:button class="bg-transparent text-gray-800 dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700 focus-visible:outline-gray-100 whitespace-nowrap truncate inline-flex items-center gap-x-2 font-medium rounded-md px-3.5 py-2.5 text-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">Click me</:button>
<:menu>
  <.dropdown_item href="#">Option A</.dropdown_item>
  <.dropdown_item href="#">Option B</.dropdown_item>
  <.dropdown_divider />
  <.dropdown_item href="#" class="text-red-600 dark:text-red-600">Nuclear option</.dropdown_item>
</:menu>
Required menu * :slot
Show slot attributes Hide slot attributes
class :string 
<:button class="bg-transparent text-gray-800 dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700 focus-visible:outline-gray-100 whitespace-nowrap truncate inline-flex items-center gap-x-2 font-medium rounded-md px-3.5 py-2.5 text-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">Click me</:button>
<:menu>
  <.dropdown_item href="#">Option A</.dropdown_item>
  <.dropdown_item href="#">Option B</.dropdown_item>
  <.dropdown_divider />
  <.dropdown_item href="#" class="text-red-600 dark:text-red-600">Nuclear option</.dropdown_item>
</:menu>