Screens / Topbar

Topbar

A horizontal navigation bar designed for the top of the application or page.

Live Demo

View the Topbar layout in a full-screen environment.

MayaTopbar API

Prop / EventTypeDefaultDescription
stickyBooleanfalsePins the topbar to the top and applies a blurred background.
#leftSlotLeft-aligned content area.
#centerSlotCenter-aligned content area.
#rightSlotRight-aligned content area.