> 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/button.md).

# Button 🖲️

* [ ] Base style

  Your default style, one of the following: fill, outline, underline
* [ ] Shape

  Visual properties of a button: padding, border, border radius, shadow
* [ ] Variants

  Each visual type to represent button structure e.g. primary and secondary buttons
* [ ] Copy

  Instructional text that details what will happen if you click the button

  ⭐️ Users should understand what will happen before clicking a button
* [ ] States

  How the button changes based on the interaction, examples below