Button Types

The goal of this component is to show the different types of buttons in Suse website.

Default button type is with meduim width (200px). Buttons can be primary and secondary with different color theme.

Primary Secondary
Primary Secondary
Primary Secondary
Tertiary Disabled

Buttons on dark background change their behavior on hover.

Primary Secondary
Primary Secondary
Tertiary Disabled

Different button sizes. The Medium is the default.

Medium Large Small Full

Different button heights. The small is the default.

Small Medium

Different Link buttons.

Link Back Link Modal Link Modal Link Arrow Link

Documentation

Here is the documentation for the buttons, explaining their variants, sizes, and use cases.

  • Primary button: Used for the most important actions.
  • Secondary button: Used for less important actions.
  • Disabled button: Indicating unavailable actions.