Tab

{% tabs %}
    {% tab title="Overview" %}
        This is the overview content.
    {% /tab %}
    {% tab title="Details" %}
        This is the details content.
    {% /tab %}
    {% tab title="Settings" icon="settings" %}
        This is the settings content.
    {% /tab %}
{% /tabs %}

Examples

Tabs with Content

{% tabs %}
    {% tab title="Overview" %}
        This is the overview content.
    {% /tab %}
    {% tab title="Details" %}
        This is the details content.
    {% /tab %}
    {% tab title="Settings" icon="settings" %}
        This is the settings content.
    {% /tab %}
{% /tabs %}

Attributes

string

required

The title/label displayed on the tab

string

Icon to display in the tabAllowed values:

trending-up
trending-down
clock
calendar
check
x
info
alert-circle
help-circle
eye
eye-off
user
users
settings
cog
plus
minus
up
down
right
left
star
heart
search
file
file-text
home
mail
filter
share
bell
trash
credit-card
globe
key
croissant
map
rotate
rewind
bank
receipt
activity
chart-column
chart-pie
chart-no-axes-combined
goal
rocket
trophy
apple
cookie
donut
beef
cake
soup
utensils
milk
nut
pyramid
triangle
arrow-down
arrow-left
arrow-right
arrow-up
chevron-down
chevron-left
chevron-right
chevron-up
chevrons-down
chevrons-left
chevrons-right
chevrons-up
menu
external-link
check-circle
x-circle
edit
trash-2
copy
save
download
upload
send
refresh
redo
undo
folder
folder-open
image
file-image
user-plus
user-minus
user-check
lock
unlock
log-in
log-out
message-square
message-circle
phone
phone-call
bell-off
video
video-off
play
pause
stop
skip-back
skip-forward
volume
volume-1
volume-2
volume-off
volume-x
bookmark
tag
link
unlink
share-2
alert-triangle
loader
more-vertical
more-horizontal
grid
list
maximize
minimize
zoom-in
zoom-out
thumbs-up
thumbs-down
shopping-cart
dollar-sign
camera
printer
monitor
smartphone
laptop
calculator
cloud-sun-rain
sun-snow
thermometer-sun
thermometer-snowflake
cloudy
cloud-rain-wind
cloud-rain
wind
sun
cloud-snow
thermometer
cloud-drizzle
cloud-sun
cloud
cloud-lightning
snowflake
flame
atom
fuel
magnet
factory
tree-deciduous
waypoints
plug
dam
battery

boolean

default:"false"

Whether this tab is selected by default when the page loads. Only one tab should have this set.

string

default:"avoid"

Controls page breaks inside this tab in PDF exports. auto allows content to flow across pages, avoid attempts to keep all content together on one page.Allowed values:

auto
avoid

number

Set the width of this component (in percent) relative to the page width

Allowed Parents

tabs

Get Started

Core Concepts

Features

MCP

CLI

Self Host

Direct Connectors

Evidence Warehouse

Components

Guides

Examples

Tabs with Content

Attributes

Allowed Parents