Sidebar

A sidebar navigation component that displays a menu with expandable sections for easy access to nested content.
---
block:
  _bookshop_name: layouts/sidebar
  nav:
    - name: Home
      link: '#'
      subnav: null
    - name: About
      link: '#'
      subnav: null
    - name: Services
      link: '#'
      subnav:
        - name: Web Development
          link: '#'
        - name: Design
          link: '#'
    - name: Resources
      link: '#'
      subnav:
        - name: Blog
          link: '#'
        - name: Documentation
          link: '#'
        - name: Tutorials
          link: '#'
    - name: Contact
      link: '#'
      subnav: null
---
{% bookshop "layouts/sidebar" bind: block %}

Properties

navobject array

namestring

linkstring

subnavobject array

namestring

linkstring

descriptionstring

iconobject

namestring

The name of the icon

altstring

A text description of the icon

colorenum

The color of the icon

font-color
red
orange
yellow
green
cyan
blue
purple
pink

backgroundboolean

Whether to have a background

Examples

No Dropdown

---
block:
  _bookshop_name: layouts/sidebar
  nav:
    - name: Home
      link: '#'
      subnav: null
    - name: About
      link: '#'
      subnav: null
    - name: Services
      link: '#'
      subnav: null
    - name: Resources
      link: '#'
      subnav: null
    - name: Contact
      link: '#'
      subnav: null
---
{% bookshop "layouts/sidebar" bind: block %}