---
title: "Button"
canonical: https://sky-ui.cf.sky.com/components/button
---

# Button

Buttons (also called CTAs – Call To Action) help users initiate actions.

## Purpose

Buttons (also called CTAs – Call To Action) help users initiate actions, from choosing a product, to viewing a deal, to visiting another page.

## Anatomy

The Button component can be broken down into the following elements -

## Variants & States

- Appearance: Default, Light
- Variants: Primary, Secondary, Tertiary
- States: Default, Hover, Focus, Disabled

  Separate variants in Figma:

- Icon: on/off
- Loading spinner: on/off (only for disabled state)