Navbar
Overview
Navbar displays a menu for navigation with an optional hamburger mode for mobile devices.
Parameters
| Parameter | Parameter | Valid Blocks | Required |
|---|---|---|---|
Children | Children component | Navbar Component Block Group | No |
Style Sets | Optional list of Email Style blocks to apply to this block | Text Block Group | No |
Custom CSS Classes | Optional space-separated list of CSS classes to be applied to the element. Intended for use with EmailCSS blocks. | Text Block Group | No |
Base URL | The base URL for the items in the navigation. | Text Block Group | No |
Collapse Menu on Mobile | If true, show the navbar as a collapsable menu on mobile. | Boolean Block Group | No |
Open Icon Character | The character code of the character to be used for the open menu icon. Defaults to ☰ (9776). | Text Block Group | No |
Close Icon Character | The character code of the character to be used for the close menu icon. Defaults to ⊗ (8855). | Text Block Group | No |
Icon Colour | The colour of the hamburger icon. Defaults to #000000 (black) | Colour Block Group | No |
Icon Size | The size of the icon. | Unit Value Block Group | No |
Icon Line Height | The line height to use for the menu icon. | Text Block Group | No |
Icon Alignment | The alignment of the menu icon. | Text Block Group | No |
Icon Decoration | Additional decoration to apply to the menu icon. | Text Block Group | No |
Icon Transform | An optional text transformation to apply the menu icon. | Text Block Group | No |
Icon Font | The list of preferred fonts for the mobile menu icon. | Text Block Group | No |
Menu Icon Padding | The padding around the menu icon. | Text Block Group | No |
Menu Icon Padding Bottom | The padding below the menu icon. | Unit Value Block Group | No |
Menu Icon Padding Left | The padding to the left of the menu icon. | Unit Value Block Group | No |
Menu Icon Padding Right | The padding to the right of the menu icon. | Unit Value Block Group | No |
Menu Icon Padding Top | The padding above the menu icon. | Unit Value Block Group | No |
Horizontal Alignment | How the block should be aligned horizontally within its container. | Text Block Group | No |