---
# System prepended metadata

title: Buttons
tags: [DS DONE]

---

---
tags: DS DONE
---


# Buttons
https://designsystem.proximus.com/pagesDS/20__Components/Buttons/

## Types

## States
### Basic
State visible before click.
![](https://i.imgur.com/Dqqb5Q9.jpg)


### Focused
![](https://i.imgur.com/a4aRYk8.jpg)

### Hover
State visible when the cursor hovers the button. Container & label are displayed in another colour depending on the type of button. Cursor becomes a pointer.
![](https://i.imgur.com/vvYManW.jpg)

### Pressed
State visible only when the button is clicked. Container & label are displayed in another colour depending on the type of button.
![](https://i.imgur.com/0qbPQCO.jpg)

### Disabled
State visible if the button is not clickable. All elements (container & label) are displayed but they are greyed out in order to signify the change of state.
![](https://i.imgur.com/7dBPG9b.jpg)

### Waiting
State visible after click. Waiting dots and a waiting message are displayed to inform the user why he is waiting. This state is looking the same for all the types of button.
![](https://i.imgur.com/bn5C2ZF.jpg)