Accordions
Anatomy
![presentation-accordions](/static/e49a9e3e2ad6ace7468c20d8107dd5e6/d68e4/Accordions-documentation.png)
Properties
CSS Tokens : layout
State | Property | Token |
---|---|---|
Default | padding (top) | mu-125 (1.25rem) |
Default | padding-left | mu-050 (0.5rem) |
Default | margin (icon) | mu-100 (1rem) |
Default | font-size | size.font.06 (16px) |
CSS Tokens : color
![color-accordions](/static/7577325ac9526d3e661e80b659b149c8/a6d36/Accordions-text-color-specs.png)
State | Element | Token |
---|---|---|
Default | color (Title) | $color-grey-900 |
Default | color (Content) | $color-grey-800 |
Disabled | color (Title) | $color-grey-600 |
Disabled | color (Content) | $color-grey-600 |
Disabled | background-color (Title) | $color-grey-100 |
CSS Tokens : content
![content-accordions](/static/5dc6116116ebc70fee2516ad2fd0aa96/a6d36/Accordions-content-specs.png)
State | Property | Token |
---|---|---|
Default | padding-bottom | mu-150 (1.5rem) |