Navbar — Reference

Reference · Advanced · Framework7 8

Navbar settings and behavior. Settings include Large Title, Transparent, No Hairline, No Shadow.

Navbar settings and events. Select the component in App Structure to find these controls in Properties.

Name	Description
Large Title	Default: false.
Transparent	Default: false.
No Hairline	Default: false.
No Shadow	Default: false.
No Border	Default: false.
Theme Color	Options: Default, Red (color-red), Green (color-green), Blue (color-blue), Pink (color-pink), Yellow (color-yellow), Orange (color-orange), Purple (color-purple), Deep Purple (color-deeppurple), Light Blue (color-lightblue), Teal (color-teal), Lime (color-lime), Deep Orange (color-deeporange), Gray (color-gray), White (color-white), Black (color-black) Default: "".
Layout	Options: Light, Dark (dark) Default: "".
Text Color	Options: Default, Red (text-color-red), Green (text-color-green), Blue (text-color-blue), Pink (text-color-pink), Yellow (text-color-yellow), Orange (text-color-orange), Purple (text-color-purple), Deep Purple (text-color-deeppurple), Light Blue (text-color-lightblue), Teal (text-color-teal), Lime (text-color-lime), Deep Orange (text-color-deeporange), Gray (text-color-gray), White (text-color-white), Black (text-color-black) Default: "".
Back Color	Options: Default, Red (bg-color-red), Green (bg-color-green), Blue (bg-color-blue), Pink (bg-color-pink), Yellow (bg-color-yellow), Orange (bg-color-orange), Purple (bg-color-purple), Deep Purple (bg-color-deeppurple), Light Blue (bg-color-lightblue), Teal (bg-color-teal), Lime (bg-color-lime), Deep Orange (bg-color-deeporange), Gray (bg-color-gray), White (bg-color-white), Black (bg-color-black) Default: "".
Border Color	Options: Default, Red (border-color-red), Green (border-color-green), Blue (border-color-blue), Pink (border-color-pink), Yellow (border-color-yellow), Orange (border-color-orange), Purple (border-color-purple), Deep Purple (border-color-deeppurple), Light Blue (border-color-lightblue), Teal (border-color-teal), Lime (border-color-lime), Deep Orange (border-color-deeporange), Gray (border-color-gray), White (border-color-white), Black (border-color-black) Default: "".