Sidebar Navigation

Side navigation provides a vertical menu for navigating different sections or pages.

Base Components

Overview

Side navigation is a vertical menu placed at the side of a page, offering links to different sections or pages within a website or application.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2FGl3138LYJ71TKOZEC0F8nJ%2FShipfaster-UI---v2.7.1-(LIVE)%3Fnode-id%3D234-52698%26t%3DpA8X0YmO6d7F2SMU-1

When should you use them?

Use side navigation for websites or applications with multiple sections or pages, providing a consistent and easily accessible navigation structure.

How should you use them?

  • Ensure the side navigation is easily recognizable and accessible.
  • Use clear and descriptive labels for each link.
  • Highlight the current or active section.
  • Provide collapsing and expanding options for submenus.
  • Make sure the side navigation is responsive and adapts to different screen sizes.
Previous

No previous post
Up next

No next post