Skip to content

Commit

Permalink
Update index.md
Browse files Browse the repository at this point in the history
  • Loading branch information
dgtlntv committed Apr 29, 2024
1 parent 313838a commit f8d8e12
Showing 1 changed file with 17 additions and 21 deletions.
38 changes: 17 additions & 21 deletions vanilla/templates/docs/components/accordion/react/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,32 +19,28 @@ The sidebar accordion, used in listing pages or as navigation, can hold multiple

## Default

<div>
<iframe
src="https://canonical.github.io/react-components/iframe.html?args=&id=accordion--default-story&viewMode=story"
width="800"
height="260"
/ >
</div>
<iframe
src='https://canonical.github.io/react-components/iframe.html?args=&id=accordion--default-story&viewMode=story'
width='800'
height='260'
></iframe>
## External state

The expanded accordion section can be controlled by external state.

<div>
<iframe
src="https://canonical.github.io/react-components/iframe.html?args=&id=accordion--external-state&viewMode=story"
width="800"
height="260"
/ >
</div>
<iframe
src='https://canonical.github.io/react-components/iframe.html?args=&id=accordion--external-state&viewMode=story'
width='800'
height='260'
></iframe>
## Headings

`titleElement` prop can be used to define heading element for section titles.

<div>
<iframe
src="https://canonical.github.io/react-components/iframe.html?args=&id=accordion--headings&viewMode=story"
width="800"
height="260"
/ >
</div>
<iframe
src='https://canonical.github.io/react-components/iframe.html?args=&id=accordion--headings&viewMode=story'
width='800'
height='260'
></iframe>

0 comments on commit f8d8e12

Please sign in to comment.