Dropdown Menu

<div class="mt-24">
<.dropdown_menu>
      <.dropdown_menu_trigger>
        <.button variant="outline">Click me</.button>
      </.dropdown_menu_trigger>
<.dropdown_menu_content side="left">
  <.menu>
  Dropdown content left
  </.menu>
</.dropdown_menu_content>
</.dropdown_menu>
</div>

<div class="mt-24">
<.dropdown_menu>
      <.dropdown_menu_trigger>
        <.button variant="outline">Click me</.button>
      </.dropdown_menu_trigger>
<.dropdown_menu_content side="right">
  <.menu>
  Dropdown content right
  </.menu>
</.dropdown_menu_content>
</.dropdown_menu>
</div>

<div class="mt-24">
<.dropdown_menu>
      <.dropdown_menu_trigger>
        <.button variant="outline">Click me</.button>
      </.dropdown_menu_trigger>
<.dropdown_menu_content side="top">
  <.menu>
  Dropdown content top
  </.menu>
</.dropdown_menu_content>
</.dropdown_menu>
</div>

<div class="mt-24">
<.dropdown_menu>
      <.dropdown_menu_trigger>
        <.button variant="outline">Click me</.button>
      </.dropdown_menu_trigger>
<.dropdown_menu_content side="bottom">
  <.menu>
  Dropdown content bottom
  </.menu>
</.dropdown_menu_content>
</.dropdown_menu>
</div>
<div class="mt-24">
<.dropdown_menu>
      <.dropdown_menu_trigger>
        <.button variant="outline">Click me</.button>
      </.dropdown_menu_trigger>
<.dropdown_menu_content align="start">
  <.menu>
  Dropdown content start
  </.menu>
</.dropdown_menu_content>
</.dropdown_menu>
</div>

<div class="mt-24">
<.dropdown_menu>
      <.dropdown_menu_trigger>
        <.button variant="outline">Click me</.button>
      </.dropdown_menu_trigger>
<.dropdown_menu_content align="center">
  <.menu>
  Dropdown content center
  </.menu>
</.dropdown_menu_content>
</.dropdown_menu>
</div>

<div class="mt-24">
<.dropdown_menu>
      <.dropdown_menu_trigger>
        <.button variant="outline">Click me</.button>
      </.dropdown_menu_trigger>
<.dropdown_menu_content align="end">
  <.menu>
  Dropdown content end
  </.menu>
</.dropdown_menu_content>
</.dropdown_menu>
</div>