Skip to main content

Main Content

Navigation Toggle

SCSS Source: core/src/scss/components/nav-toggle/_nav-toggle.scss

Twig Source: core/src/templates/components/nav-toggle/nav-toggle.twig

Description

A clickable drop button as an alternate to an accordian style menu.

Default Style

Example Markup

<button class="su-nav-toggle [ modifier_class ]" aria-expanded="false" aria-label="expand menu">+</button>

Style Variants

.su-nav-toggle--light

A lighter option.

Example Markup

<button class="su-nav-toggle su-nav-toggle--light" aria-expanded="false" aria-label="expand menu">+</button>