Bottom Tab Bar

What this section does

Native app bottom navigation bar (mobile-app plugin)

Where it goes

• Can be used at most 1 time(s) on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Classic Dock

  Freeclassic-dock

  Edge-to-edge bar with an active top line

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Floating Pill

  Freefloating-pill

  Detached rounded pill with a blurred backdrop

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Center Action

  Page Editorcenter-action

  Raised center action button (FAB)

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Morphing Indicator

  Page Editormorphing-indicator

  Sliding blob behind the active tab

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Labeled Minimal

  Page Editorlabeled-minimal

  Icon + micro-label, no indicator

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Segmented Track

  Page Editorsegmented-track

  Tabs inside an inset track; the active tab fills its segment

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Bold Accent

  Page Editorbold-accent

  Solid accent-colored bar with an inverse active tab

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Raised Dock

  Page Editorraised-dock

  Edge-to-edge dock lifted with rounded top corners

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Notched Center

  Page Editornotched-center

  Curved notch around a raised center action button

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Compact Icons

  Page Editorcompact-icons

  Ultra-slim, icon-only bar

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Icon Chip

  Page Editoricon-chip

  Tonal chip behind the active icon, label below

  Specific to this style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor