Standard

Tabs are rendered by using a combination of tab_wrapper and tab components. The tab_wrapper component serves as a container for the tabs, while the tab component represents each individual tab. To indicate which tab is currently active, you can set the active parameter to true for the desired tab. This will typically apply a different style to the active tab, making it visually distinct from the others.

{%- call ui.util.call(show_example) -%} {%- raw %} {%- call ui.util.call(ui.tab_wrapper) -%} {{ ui.tab("First") }} {{ ui.tab("Second", active=true) }} {{ ui.tab("Third") }} {%- endcall %} {%- endraw %} {%- endcall %}