Tabs

Tabbed content in three visual variants. Tabs with an href render as links for server-side navigation.

= app_theme_tabs do |tabs|
  - tabs.with_tab(id: "overview", label: "Overview", active: true) do
    %p Overview content.
  - tabs.with_tab(id: "activity", label: "Activity") do
    %p Activity content.
  - tabs.with_tab(id: "settings", label: "Settings") do
    %p Settings content.

= app_theme_tabs(variant: :pills) do |tabs|
  - tabs.with_tab(id: "day", label: "Day", active: true) do
    %p Daily stats.
  - tabs.with_tab(id: "week", label: "Week") do
    %p Weekly stats.

= app_theme_tabs(variant: :bordered) do |tabs|
  - tabs.with_tab(id: "all", label: "All", active: true) do
    %p Everything.
  - tabs.with_tab(id: "archived", label: "Archived") do
    %p Archived items.

= app_theme_tabs do |tabs|
  - tabs.with_tab(label: "Introduction", href: "/pages/introduction")
  - tabs.with_tab(label: "Tabs", href: "/inspect/interactive/tabs", active: true)