UCL - Expand

[Brookeruu]

Expand:

• Adds new ‘id’ prop
• Adds attribute aria-expanded state to trigger
• Adds attribute aria-hidden state to target
• Adds aria-labelledby to target, which relies on and matches new id prop
• Toggle aria states
• Changes target Heading tag to button
• Removes default button styling, adds trigger padding

Accordion

• Adds Adds new ‘id’ prop, which will be passed into Expand
• Updates examples to include id
• Removes tabindex from default example
• Removes trigger padding

[Brookeruu]

• Moved id to be passed down from Accordion instead of Accordion section
• Edited aria labels in expand molecule, with a few updates
• Labels should be on the button and the section