Bottom Tab Bar

Ce que fait cette section

Native app bottom navigation bar (mobile-app plugin)

Où elle se place

• Utilisable au maximum 1 fois sur une page.
• Cette section est incluse dans toutes les formules — aucun plugin requis.

Styles

Différentes apparences pour la même section. Vous pouvez changer de style plus tard ; votre contenu est conservé.

Les 2 premiers styles de chaque section sont ouverts sur toutes les boutiques. Les suivants se débloquent avec le plugin Éditeur de pages, tous en même temps.

• Classic Dock

  Gratuitclassic-dock

  Edge-to-edge bar with an active top line

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Floating Pill

  Gratuitfloating-pill

  Detached rounded pill with a blurred backdrop

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Center Action

  Éditeur de pagescenter-action

  Raised center action button (FAB)

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Morphing Indicator

  Éditeur de pagesmorphing-indicator

  Sliding blob behind the active tab

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Labeled Minimal

  Éditeur de pageslabeled-minimal

  Icon + micro-label, no indicator

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Segmented Track

  Éditeur de pagessegmented-track

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

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Bold Accent

  Éditeur de pagesbold-accent

  Solid accent-colored bar with an inverse active tab

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Raised Dock

  Éditeur de pagesraised-dock

  Edge-to-edge dock lifted with rounded top corners

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Notched Center

  Éditeur de pagesnotched-center

  Curved notch around a raised center action button

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Compact Icons

  Éditeur de pagescompact-icons

  Ultra-slim, icon-only bar

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor

• Icon Chip

  Éditeur de pagesicon-chip

  Tonal chip behind the active icon, label below

  Propres à ce style: items, showLabels, activeIndicator, elevate, bg, activeColor, inactiveColor