Current Behavior
Layer5 and its projects use the Sistent library to enable component reuse across various projects.
The NavigationNavbar is the main application navigation bar component available in Sistent, but it is currently not represented in the centralized Sistent component documentation at https://layer5.io/projects/sistent/components.
Adding documentation for NavigationNavbar will provide a clear reference for its usage, guidelines, and examples, helping developers understand and reuse the component consistently across Layer5 projects.
Desired Behavior
Add proper documentation for the NavigationNavbar component, following the same structure used by other documented Sistent components.
The documentation should follow the new Sistent MDX documentation structure by creating the following files under:
src/collections/sistent/components/navigation-navbar/
index.mdx: Overview of the NavigationNavbar component for desktop and mobile application layouts.guidance.mdx: Nested menu items, route matching, collapsible behavior, and permission-based item rendering (useIsNavigationItemPermitted).code.mdx: Code examples demonstrating multi-level navigation trees, expand/collapse states, and active route highlights using <ThemeWrapper> and <CodeBlock>.
The completed documentation should be available on the Sistent components page and provide a centralized reference for developers using NavigationNavbar.
Environment:
Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.
Join the Layer5 Community by submitting your community member form.
Current Behavior
Layer5 and its projects use the Sistent library to enable component reuse across various projects.
The NavigationNavbar is the main application navigation bar component available in Sistent, but it is currently not represented in the centralized Sistent component documentation at https://layer5.io/projects/sistent/components.
Adding documentation for NavigationNavbar will provide a clear reference for its usage, guidelines, and examples, helping developers understand and reuse the component consistently across Layer5 projects.
Desired Behavior
Add proper documentation for the NavigationNavbar component, following the same structure used by other documented Sistent components.
The documentation should follow the new Sistent MDX documentation structure by creating the following files under:
src/collections/sistent/components/navigation-navbar/index.mdx: Overview of the NavigationNavbar component for desktop and mobile application layouts.guidance.mdx: Nested menu items, route matching, collapsible behavior, and permission-based item rendering (useIsNavigationItemPermitted).code.mdx: Code examples demonstrating multi-level navigation trees, expand/collapse states, and active route highlights using<ThemeWrapper>and<CodeBlock>.The completed documentation should be available on the Sistent components page and provide a centralized reference for developers using NavigationNavbar.
Environment:
Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the
masterbranch.