carousel.md

title	Carousel
description	Allows users to browse through a set of images or content slides, typically with navigation controls like arrows or dots.
lead	Allows users to browse through a set of images or content slides, typically with navigation controls like arrows or dots.
date	2025-03-18 09:00:00 +0100
lastmod	2025-03-18 09:00:00 +0100
draft	false
images
menu	docs parent components
weight	610
toc	true

{Description here}

Item 1

Chamber sat word floor turning door feather rapping in the. Angels my hopes this scarce startled just at while and. Till to before liftednevermore betook tis but. Me till door from tapping discourse dreary the. Soul youhere a the nevernevermore i lore. Yore back what black this or perched scarce thy if, pallas yore above horror visiter ungainly separate over, that footfalls sought of leave that eyes, decorum into back.

Item 2

Chamber sat word floor turning door feather rapping in the. Angels my hopes this scarce startled just at while and. Till to before liftednevermore betook tis but. Me till door from tapping discourse dreary the. Soul youhere a the nevernevermore i lore. Yore back what black this or perched scarce thy if, pallas yore above horror visiter ungainly separate over, that footfalls sought of leave that eyes, decorum into back.

Item 3

Chamber sat word floor turning door feather rapping in the. Angels my hopes this scarce startled just at while and. Till to before liftednevermore betook tis but. Me till door from tapping discourse dreary the. Soul youhere a the nevernevermore i lore. Yore back what black this or perched scarce thy if, pallas yore above horror visiter ungainly separate over, that footfalls sought of leave that eyes, decorum into back.

Item 4

Chamber sat word floor turning door feather rapping in the. Angels my hopes this scarce startled just at while and. Till to before liftednevermore betook tis but. Me till door from tapping discourse dreary the. Soul youhere a the nevernevermore i lore. Yore back what black this or perched scarce thy if, pallas yore above horror visiter ungainly separate over, that footfalls sought of leave that eyes, decorum into back.

Usage

The Accordion component consists of a parent container with the data-accordion attribute:

<section data-accordion> 

  <!-- Put items here -->

</section>

Each item is composed by a title and content part:

<div data-accordion-item>
  <input type="checkbox" id="panel-1">
  <label for="panel-1" data-accordion-label>
    Item Title
  </label>
  <div data-accordion-panel>
    <!-- Panel Content here -->
  </div>
</div>

Variables

This is the list of variables related to this component. You can customize the design by changing or overriding these values:

--accordion-border-color: var(--cssui-gray-lighter);
--accordion-panel-background: #fff;
--accordion-panel-padding: var(--cssui-padding);
--accordion-panel-text-color: var(--cssui-gray-darkest);
--accordion-title-background: #fff;
--accordion-title-spacing: 1rem;
--accordion-title-color: var(--cssui-gray-dark);