Accordion
Small details. A consistent experience.
In practice
Open the workspace overview, explore the application pages, and use the starter page
when building your own screen. The documentation explains the file structure and
customization options.
Yes. Open Customize to choose an accent, appearance, and navigation layout. Developers
can edit the shared CSS variables for a completely custom palette.
Monarch is an HTML template. Demo interactions run in your browser. Connect your own
API for accounts, payments, email, uploads, and shared records.
The Bootstrap layout adapts to smaller screens, with a collapsible navigation menu,
scrollable data tables, and stacked content.
The team screen demonstrates a member directory. Connect the invite flow to your own
authentication and email service in a production application.
Explore Forms, Tables & charts, and Maps & plugins in the sidebar. Each installed
library has a dedicated demonstration page.
More possibilities
Expand a question to reveal its answer. Bootstrap handles focus, collapse state, and ARIA attributes.
Usage
<button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#answer">Question</button>