Toggle Button Alpha
An accessible, animated toggle button that swaps the icon and text label on click.
- Ensure you enable the accessibility code block if you use this component with an expanding element like a modal, off-canvas, etc. This will dynamically change the
aria-expandedrole on the button.
- If the button labels you’re using aren’t descriptive, make sure you add an
aria-labelto the button.
- This button should not be used as a navigation link as it’s a
No related frames.
No related components.
I changed the class names and now the button isn't working. What happened?
The custom CSS for this button references fixed class names. If you change the name of the classes, you’ll need to update the custom CSS in the Style > CSS area of the button.
Use the related frames section above to check FAQs for other frames related to this frame if you don't see your question here.