Skip to main content

Tabs

Tabbed content panels. Tabs: Content, Styling, Animations, Advanced.

Content

  • Tabs — a repeatable list; each tab has a Title, Content (rich text), and an Active Tab switch.

Layout & style

OptionChoices
Tab StyleTabs (default), Pills, Underline
Justified TabsOn/Off (stretch tabs to full width)
Tab AlignmentStart (default), Center, End
Tabs OrientationHorizontal, Vertical
Fade AnimationOn/Off

:::note Screenshots — tab styles & orientation Capture each style and orientation: tabs-default, tabs-pills, tabs-underline, tabs-vertical. :::

Styling

Tab Title Color, Tab Content Color, Text Color, Background Color, and Margin & Padding.

Screenshots

note

Drop screenshots into static/img/shortcodes/ and embed them here.