This is but a preview of some content that is hidden below...

This was previously hidden, but is now visible

This is open by default

This content will be hidden. This uses the following accessible pattern. The opener sets focus on the newly inserted content so there's no need for additional ARIA attributes.

This example uses the opened-label and closed-label props

This was previously hidden, but is now visible