Button

Buttons allow people to perform an instantaneous action, with a single tap/click.
There are 6 types of buttons available.

Each button is available in 4 sizes: Default, Large, Compact and Small.

Different button types and sizes can be combined on the same screen to create hierarchy and direct attention to the most important actions.

Solid and overlay buttons should be used to display a button floating over content (image or text for example).

1. Strong button

2. Outline button

3. Ghost button

4. Strong icon button

5. Icon button

6. Dark overlay button

7. Light overlay button

8. Solid button

9. Dark overlay icon button

10. Light overlay icon button

11. Solid icon button

Use

More info on button types: Choose a button type

Implement