<.inline_dropdown id="inline-dropdown-single-default" label="Inline Dropdown">
  <.dropdown_item value="1" label="Item 1" />
  <.dropdown_item value="2" label="Item 2"><:right_icon><.chevron_right /></:right_icon></.dropdown_item>
  <.dropdown_item value="3" label="Item 3" secondary_text="Foo" />
  <.dropdown_item value="4" label="Item 4"><:left_icon><.category /></:left_icon></.dropdown_item>
  <.dropdown_item value="5" label="Item 5" />
</.inline_dropdown>

<.inline_dropdown disabled id="inline-dropdown-single-disabled" label="Inline Dropdown"/>

<.inline_dropdown id="inline-dropdown-single-large-items" label="Inline Dropdown with large items">
  <.dropdown_item value="1" label="Item 1" size="large">
  <:left_icon><.category /></:left_icon>
  </.dropdown_item>
  <.dropdown_item value="2" label="Item 2" size="large" right_icon={false}>
  <:left_icon><.category /></:left_icon>
  </.dropdown_item>
  <.dropdown_item value="3" label="Item 3" size="large" secondary_text="Foo">
  <:left_icon><.category /></:left_icon>
  </.dropdown_item>
  <.dropdown_item value="4" label="Item 4" size="large">
  <:left_icon><.category /></:left_icon>
  </.dropdown_item>
  <.dropdown_item value="5" label="Item 5" size="large">
  <:left_icon><.category /></:left_icon>
  </.dropdown_item>
</.inline_dropdown>

<.inline_dropdown id="inline-dropdown-single-with-icon" label="Options">
  <:icon><.category /></:icon>
  <.dropdown_item value="1" label="Item 1"/>
  <.dropdown_item value="2" label="Item 2"/>
  <.dropdown_item value="3" label="Item 3"/>
</.inline_dropdown>

<.inline_dropdown id="inline-dropdown-single-with-secondary-text" label="Options">
  <.dropdown_item value="1" label="Item 1" secondary_text="Foo"/>
  <.dropdown_item value="2" label="Item 2" secondary_text="Bar"/>
  <.dropdown_item value="3" label="Item 3" secondary_text="Baz"/>
</.inline_dropdown>