Accordion
A way to hide content behind an expandable menu.
---
block:
_bookshop_name: layouts/accordion
items:
- title: What services do we offer?
content_blocks:
- _bookshop_name: elements/rich-text
markdown: >
We offer a range of services designed to meet your needs:
- **Consulting**: Strategic guidance to help you achieve your goals.
- **Development**: Custom software solutions tailored to your
business.
- **Support**: Ongoing assistance to ensure everything runs
smoothly.
Explore each service to learn more about how we can assist your
team.
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- title: Why choose us?
content_blocks:
- _bookshop_name: elements/rich-text
markdown: >
We prioritize customer satisfaction and results. Here are a few
reasons our clients choose us:
- **Expert Team**: Skilled professionals with a commitment to
excellence.
- **Proven Track Record**: Successful projects and satisfied
clients.
- **Innovative Solutions**: Cutting-edge approaches tailored to
modern challenges.
Join us and experience the difference a dedicated partner can make.
options:
align: start
decoration: null
margin:
top: null
bottom: null
size: null
- title: How can you get started?
content_blocks:
- _bookshop_name: elements/rich-text
markdown: >
Ready to take the next step? Here’s how to begin:
1. **Contact Us**: Fill out our inquiry form to start a
conversation.
2. **Consultation**: We’ll discuss your needs and outline potential
solutions.
3. **Get a Proposal**: Receive a customized plan and timeline.
Take the first step today and unlock new possibilities for your
business!
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
heading:
level: h3
size: l
margin:
top: null
bottom: null
open_first: false
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Properties
itemsobject
titlestring
content_blockscomponent array
optionsobject
Configuration options for the Accordion
open_firstboolean
Opens the first item when the component is loaded
headingobject
levelenum
h1 |
|
h2 |
|
h3 |
|
h4 |
|
h5 |
|
h6 |
sizeenum
The font size of the text.
xs |
|
s |
|
m |
|
l |
|
xl |
|
2xl |
|
3xl |
|
4xl |
|
5xl |
|
6xl |
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 |