Placeholder.
Name Description
slot[name=""] The default slot for accordion items
slot[name="cta"] Slot for adding a call to action on the side of the accordion and if there is nothing in this slot, then the content-aside element will be rendered as a suite-surface element
slot[name="edit-description"] A slot for handling inline editing of the description attribute, if the attribute is present this will not be shown
slot[name="edit-header"] A slot for handling inline editing of the header attribute, if the attribute is present this will not be shown
part::(base) The base suite-surface element
part::(header) The suite-text element for the header text
part::(description) The suite-text element for the description text
part::(content) The suite-content-aside or div element that wraps the items wrapper and the cta-wrapper
part::(items-wrapper) The suite-flex wrapper around the default slot
part::(cta-wrapper) The suite surface wrapper around the cta slot, if there is nothing provided to the cta slot then this is not rendered
Accordion Example
The Center for Disability Resources (CDR) provides a platform that supports students and strengthens equity and inclusion in our community. From reshaping built environments to providing assistive technology, the center seeks to advance universal design and full inclusion to foster independent, self-determined learners. Learn about ASL services Guidance on how and when to seek ASL Interpreting Services and/or CART. Learn about the center Guidance and resources for planning inclusive events. Explore the checklist The Disability Cultural Center coordinates campus-wide social, educational and cultural activities on disability issues for students, faculty, staff and community members with and without disabilities. Learn about the Disability Cultural Center
Optional Callout Tonkin report union questions postponement. Accepted dates campus guidelines advocate week. Optional Small Button
Accordion Without CTA Example
The Center for Disability Resources (CDR) provides a platform that supports students and strengthens equity and inclusion in our community. From reshaping built environments to providing assistive technology, the center seeks to advance universal design and full inclusion to foster independent, self-determined learners. Learn about ASL services Guidance on how and when to seek ASL Interpreting Services and/or CART. Learn about the center Guidance and resources for planning inclusive events. Explore the checklist The Disability Cultural Center coordinates campus-wide social, educational and cultural activities on disability issues for students, faculty, staff and community members with and without disabilities. Learn about the Disability Cultural Center
Placeholder.
Name Description
slot[name=""] The default slot for content that the accordion item should display
slot[name="edit-description"] A slot for handling inline editing of the description attribute, if the attribute is present this will not be shown
slot[name="edit-header"] A slot for handling inline editing of the header attribute, if the attribute is present this will not be shown
part::(base) The base div element
part::(header) The suite-text element for the header text
part::(icon) The suite-icon element for the accordion-item open and close icon
part::(panel) The suite-surface element that wraps around the default slot
part::(trigger) The button element that is used for the accordion-item trigger to open and close the panel