Accordion

Dark Mode

Props

Name
Type
Default
Description
summary*
string, node
The accordion summary text
children
node
The expandable content
defaultExpanded
bool
Whether the accordion is expanded by default, can also be used to controll the accordion entirely
mode
compact

|  
normal
normal
Padding depending on mode
onChange
func
A change handler that is triggered after the expanded state is changed
onClick
func
A click handler that is triggered before the expanded state is changed
value
string, node
An optional aggregation value for more context
variant
array, string
Sets the font variants

Examples

Value

Default Expanded

onChange

Compact mode

Changelog

07. Mar 2023

  • Added compact mode

28. Oct 2021

  • Update the colors to match the design
  • Removed all outer paddings
  • Added Dark Mode support