Presents important feedback or information to users either in response to their actions or upon page load.
Usage Guidelines
Simple confirmation acknowledgements that don’t require additional detail should just use a confirmation button. If an error occurs or additional information is needed to clarify then the appropriate alert style may be dynamically presented.
Features
Dependencies
None
Triggers should always follow the pattern of a down pointing chevron for the closed state and an up pointing chevron for the open state. There are two specific styles that are commonly used, but the pattern can be adapted if needed by your specific use case.
Content should be aligned to it’s own column that matches the heading of the accordion. Do not align content to the trigger.
Headings may be as simple as basic text or include more complex and interactive elements that represent or control the contents of the accordion.
Initial version
Accordion