<.tabs id="tabs-single-default" default_value="account">
  <.tabs_list>
    <.tabs_trigger value="account">Account</.tabs_trigger>
    <.tabs_trigger value="password">Password</.tabs_trigger>
  </.tabs_list>
  <.tabs_content value="account" class="p-4 text-sm">
    Make changes to your account here.
  </.tabs_content>
  <.tabs_content value="password" class="p-4 text-sm">
    Change your password here.
  </.tabs_content>
</.tabs>

<.tabs id="tabs-single-line-variant" default_value="overview">
  <.tabs_list variant="line">
    <.tabs_trigger value="overview">Overview</.tabs_trigger>
    <.tabs_trigger value="analytics">Analytics</.tabs_trigger>
    <.tabs_trigger value="reports">Reports</.tabs_trigger>
  </.tabs_list>
  <.tabs_content value="overview" class="p-4 text-sm">
    Overview content.
  </.tabs_content>
  <.tabs_content value="analytics" class="p-4 text-sm">
    Analytics content.
  </.tabs_content>
  <.tabs_content value="reports" class="p-4 text-sm">
    Reports content.
  </.tabs_content>
</.tabs>

<.tabs id="tabs-single-vertical" default_value="general" orientation="vertical">
  <.tabs_list>
    <.tabs_trigger value="general">General</.tabs_trigger>
    <.tabs_trigger value="security">Security</.tabs_trigger>
    <.tabs_trigger value="notifications">Notifications</.tabs_trigger>
  </.tabs_list>
  <.tabs_content value="general" class="p-4 text-sm">
    General settings.
  </.tabs_content>
  <.tabs_content value="security" class="p-4 text-sm">
    Security settings.
  </.tabs_content>
  <.tabs_content value="notifications" class="p-4 text-sm">
    Notification preferences.
  </.tabs_content>
</.tabs>

<.tabs id="tabs-single-disabled-tab" default_value="active">
  <.tabs_list>
    <.tabs_trigger value="active">Active</.tabs_trigger>
    <.tabs_trigger value="disabled" disabled>Disabled</.tabs_trigger>
    <.tabs_trigger value="other">Other</.tabs_trigger>
  </.tabs_list>
  <.tabs_content value="active" class="p-4 text-sm">
    This tab is active.
  </.tabs_content>
  <.tabs_content value="disabled" class="p-4 text-sm">
    This should not be reachable.
  </.tabs_content>
  <.tabs_content value="other" class="p-4 text-sm">
    Other tab content.
  </.tabs_content>
</.tabs>