Sub Navigation
Secondary navigation template.
Projects /
Projects /
Secondary navigation template.
The Sub Navigation component is used to display navigation content that is of secondary interest to the user.
To change the navigation alignment, edit the .justify-center flebox utility class applied to the <nav> element. For example, remove the class to align the navigation content to the left.
If you use one of the [email protected]{breakpoint} class modifiers, the layout is presented 1) in a collapsed form (navigation is hidden and can be revealed using a trigger element) before the breakpoint and 2) in the expanded form after the breakpoint (see demo). The collapsed variation is optimized for smaller screens.
Here's a list of the class modifiers:
