Content Selector

Switches between related content panels using tab buttons.
---
block:
  _bookshop_name: layouts/content-selector
  items:
    - title: Test
      sub_text: this is a test
      icon:
        name: null
        alt: null
      content_blocks:
        - _bookshop_name: elements/rich-text
          markdown: |
            sadfsdf
          options:
            align: null
            decoration: null
            margin:
              top: null
              bottom: null
            size: null
    - title: Test 2
      sub_text: this is a test 2
      icon:
        name: null
        alt: null
      content_blocks:
        - _bookshop_name: elements/rich-text
          markdown: |
            We offer a range of services designed to meet your needs:
          options:
            align: null
            decoration: null
            margin:
              top: null
              bottom: null
            size: null
  options:
    navigation:
      position: start
      expand_sub_text: when active
      heading:
        level: null
        size: null
    auto_play_interval: null
    margin:
      top: m
      bottom: m
---
{% bookshop "{{block._bookshop_name}}" bind: block  %}

Properties

itemsobject

titlestring

sub_textstring

iconobject

namestring

The name of the icon.

altstring

A text description of the icon.

content_blockscomponent array

optionsobject

Configuration options for the Content Selector

navigationobject

Options to configure the navigation

positionenum

Sets the position of the navigation

start
end
top
bottom

expand_contentenum

Configures when navigation sub_text is shown

when active
always
never

headingobject

levelenum

The element to use for the navigation headings

h1
h2
h3
h4
h5
h6

sizeenum

The font size of the navigation headings

xs
s
m
l
xl
2xl
3xl
4xl
5xl
6xl

auto_play_intervalnumber

The number of seconds to wait before moving to the next item. A null value turns auto play off.

marginobject

The spacing above and below the accordion.

topenum

The spacing above the buttons.

none
xs
s
m
l
xl
2xl

bottomenum

The spacing below the buttons.

none
xs
s
m
l
xl
2xl