The library currently provides a single Sidebar component. I would like to propose
an additional Sidebar variant to give users an alternative design to choose from.
The proposed component is fully prop-driven and animated, built with motion and
Tailwind CSS (compatible with both v3 and v4), and follows the library's existing
single-file, copy-paste convention.
Motivation
Offering more than one Sidebar design would broaden the range of navigation layouts
available to users. The proposed variant differs from the existing implementation in
the following respects:
- Nav items can be organized into expandable/collapsible groups with a staggered
reveal animation.
- A shared-layout active indicator transitions smoothly between items.
- A desktop rail-collapse mode is supported, with icon tooltips when collapsed.
- A mobile slide-in drawer with a backdrop is included.
The library currently provides a single Sidebar component. I would like to propose
an additional Sidebar variant to give users an alternative design to choose from.
The proposed component is fully prop-driven and animated, built with
motionandTailwind CSS (compatible with both v3 and v4), and follows the library's existing
single-file, copy-paste convention.
Motivation
Offering more than one Sidebar design would broaden the range of navigation layouts
available to users. The proposed variant differs from the existing implementation in
the following respects:
reveal animation.