Created by: gijsroge
This adds a standalone accordion component with its own settings and markup.
Preview: https://deploy-preview-30042--twbs-bootstrap.netlify.com/docs/4.3/components/accordion/
Also added a flush and striped variation.
Fixes #30015 (closed)
Fixes #28134 (closed) by moving the border bottom from the header to a border top on the body we fix the overlapping issue where the border would be invisible if the body had a background color. This also allowed me to also remove the overflow: hidden;
on the .accordion-item
which fixes #28873 (closed)
Also fixes #25811 (closed)
Currently this is still a work in progress.
-
Add active state -
Add focus state -
Add icon based on collapsed state -
Double check design -
Double check code -
Check if all conditions described in https://www.w3.org/TR/wai-aria-practices-1.1/#accordion are met -
If these conditions are met, check if https://github.com/twbs/bootstrap/blob/master/site/content/docs/4.3/components/collapse.md#L130 is still relevant