> For the complete documentation index, see [llms.txt](https://docs.klai.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.klai.studio/engineering-reference-docs/software-testing-overview/ux-ui-checklist/elements/toggle.md).

# Toggle 🎛️

* [ ] Context

  Explaining what the toggle will do

  ⭐️ A toggle should always be turning a function on or off, not between two opposing versions of a function e.g. hot or cold

  ⭐️ Consider toggles for straightforward decisions that have low risk implications
* [ ] Animation

  A clear visual change of the toggle switching between different states
* [ ] State

  How the button changes based on the interaction, examples below