<.tabs id="tabs-single-default">
  <:tab patch="/navigation/tabs" active={false}>
    Tab 1
  </:tab>
  <:tab patch="/navigation/tabs" active={true}>
    Tab 2
  </:tab>
  <:tab patch="/navigation/tabs" active={false}>
    Tab 3
  </:tab>
</.tabs>

<.tabs id="tabs-single-with-base-size" size="base">
  <:tab patch="/navigation/tabs" active={false}>
    Tab 1
  </:tab>
  <:tab patch="/navigation/tabs" active={true}>
    Tab 2
  </:tab>
  <:tab patch="/navigation/tabs" active={false}>
    Tab 3
  </:tab>
</.tabs>

<.tabs id="tabs-single-truncated-text">
  <:tab patch="/navigation/tabs" active={false}>
    Navigation Tab One for Info
  </:tab>
  <:tab patch="/navigation/tabs" active={true}>
    Navigation Tab Two for Details
  </:tab>
</.tabs>

<.tabs id="tabs-single-with-many-tabs">
  <:tab :for={tab <- 1..20} patch="/navigation/tabs" active={tab == 14}>
    Navigation Tab {tab}
  </:tab>
</.tabs>