Sidebar - Keep React
Table of Contents#
- Default Sidebar
- Sidebar With Dropdown
- Sidebar With Logo Branding
- Sidebar With Content Separator
- Sidebar With Call to Action
The Default Sidebar component offers a versatile multi-level navigation menu enriched with icons and labels, catering to a seamless navigation experience. It requires icons sourced from an icon library package and easy setup within the
<Sidebar.Items> component with appropriate props.
Sidebar With Dropdown#
Craft dropdown menus within the sidebar using the
<Sidebar.Collapse> component. This empowers you to provide sub-level navigation options for an organized user experience.
Sidebar With Logo Branding#
Infuse your brand identity by incorporating a brand logo into the sidebar using the
<Sidebar.Logo> component. Customize the code snippet with your brand logo's URL.
Sidebar With Content Separator#
Enhance content separation in the sidebar by employing separators. Divide your sidebar items into distinct groups using
Sidebar With Call to Action#
Integrate compelling calls to action within the sidebar to engage users effectively. Utilize the
<Sidebar.CTA> component for seamless incorporation.