Accordion (contained)
Toggle the display of multiple sections of expandable content
Demo
Heading 1
A subtitle is a mini headline that supports the title or highlights key information about the accordion topic.Heading 2: heading that wraps because the browser width is narrow heading that wraps because the browser width is narrow
Here is some information.
Heading 3
The content associated with each instance of an accordion can be anything, most often form components and short paragraphs of text. Content should be brief and descriptive.
API
Tag
| Name | Description |
<s-accordion-contained>
|
Custom tag, accepts two slots and a series of s-accordion-stacked components as content |
Slots
| Name | Required | Description |
|---|---|---|
title
|
|
Title text (title must be an |
title-accessory
|
Optional accessory content to be displayed to the right of the title. |
Demo
API
Tag
| Name |
<SAccordionContained>
|
Slots
| Name | Required | Description |
|---|---|---|
title
|
|
Title text (title must be an |
title-accessory
|
Optional accessory content to be displayed to the right of the title. |
Skylab React links
Design
Design resources can be found on the Skylab design documentation site: skylab.avalara.com