<.dm_tab id="tab-single-default" active_tab_name="Luke">
  <:tab name="Luke">Luke</:tab>
  <:tab name="Anakin">Anakin</:tab>
  <:tab_content name="Luke">Luke Skywalker, brother of Prince Leia Organa</:tab_content>
  <:tab_content name="Anakin">Anakin Skywalker, aka. Darth Vador</:tab_content>
</.dm_tab>

<.dm_tab id="tab-single-vertical" orientation="vertical" active_tab_name="Anakin">
  <:tab name="Luke">Luke</:tab>
  <:tab name="Anakin">Anakin</:tab>
  <:tab_content name="Luke">Luke Skywalker, brother of Prince Leia Organa</:tab_content>
  <:tab_content name="Anakin">Anakin Skywalker, aka. Darth Vador</:tab_content>
</.dm_tab>

<.dm_tab id="tab-single-three-tabs" variant="boxed" active_tab_name="Settings">
  <:tab name="Profile">Profile</:tab>
  <:tab name="Settings">Settings</:tab>
  <:tab name="Notifications">Notifications</:tab>
  <:tab_content name="Profile">Manage your profile information</:tab_content>
  <:tab_content name="Settings">Application preferences</:tab_content>
  <:tab_content name="Notifications">Notification settings</:tab_content>
</.dm_tab>

<.dm_tab id="tab-single-lifted-variant" variant="lifted" active_tab_name="Overview">
  <:tab name="Overview">Overview</:tab>
  <:tab name="Details">Details</:tab>
  <:tab_content name="Overview">Overview content</:tab_content>
  <:tab_content name="Details">Details content</:tab_content>
</.dm_tab>

<.dm_tab id="tab-single-bordered-variant" variant="bordered" active_tab_name="Tab A">
  <:tab name="Tab A">Tab A</:tab>
  <:tab name="Tab B">Tab B</:tab>
  <:tab_content name="Tab A">Content for Tab A</:tab_content>
  <:tab_content name="Tab B">Content for Tab B</:tab_content>
</.dm_tab>

<.dm_tab id="tab-single-size-xs" size="xs" active_tab_name="Home">
  <:tab name="Home">Home</:tab>
  <:tab name="About">About</:tab>
  <:tab_content name="Home">Home page</:tab_content>
  <:tab_content name="About">About page</:tab_content>
</.dm_tab>

<.dm_tab id="tab-single-size-sm" size="sm" active_tab_name="Feed">
  <:tab name="Feed">Feed</:tab>
  <:tab name="Explore">Explore</:tab>
  <:tab_content name="Feed">Feed content</:tab_content>
  <:tab_content name="Explore">Explore content</:tab_content>
</.dm_tab>

<.dm_tab id="tab-single-size-lg" size="lg" variant="boxed" active_tab_name="Dashboard">
  <:tab name="Dashboard">Dashboard</:tab>
  <:tab name="Analytics">Analytics</:tab>
  <:tab_content name="Dashboard">Dashboard content</:tab_content>
  <:tab_content name="Analytics">Analytics content</:tab_content>
</.dm_tab>