## Existing components
**MediaWiki community:**
- WVUI: [[ https://github.com/wikimedia/wvui/blob/master/src/components/toggle-button/ToggleButton.vue | ToggleButton ]]
- WiKit: [[ https://github.com/wmde/wikit/blob/master/vue-components/src/components/ToggleButton.vue | ToggleButton ]]
**Wikimedia Design Style Guide links:**
- [[ https://design.wikimedia.org/style-guide/components/buttons.html#type-toggle-buttons | Toggle buttons ]]
**Figma:**
- [[ https://www.figma.com/file/zbILz8utL3ejv4euDTnIN5/Toggle-component---T295179?node-id=101%3A547 | Figma spec sheet for ToggleButton ]]
=== Acceptance criteria (or Done)
**Design**
[-] Button variants
[-] Normal button
[-] Quiet button
[-] Add the following missing states
[-] Toggled-on hover
[-] Toggled-on active
[] Publish Figma library with all message updates
**Codex**
[] Button variants
[] Normal button
[] Quiet button
[] Add the following missing states
[] Toggled-on hover
[] Toggled-on active
=== Design Review (view [[ https://phabricator.wikimedia.org/T295179#:~:text=bmartinezcalvo-,added%20a%20comment.,-Edited%20%C2%B7%20Tue%2C%20Apr%2019%2C%201 | details here ]])
[] Update normal buttons states:
[] Add toggled-on-hover and toggled-on-active
[] Update disabled toggled-on with the same styles than disabled toggle-off
[] The following button variants are missing in the configurable demo:
[] With icon (Icon + Text)
[] Only Icon