• Asia Pacific

  • Emergency 123-909-909

Buttons

Default Buttons

There live the blind texts separated they right at the coast of the Semantics.

Primary Button
Secondary Button
Success Button
Info Button
Warning Button
Danger Button
Light Button
Dark Button

Button States

There live the blind texts separated they right at the coast of the Semantics.

Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State

Button Sizing

There live the blind texts separated they right at the coast of the Semantics.

Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size

Button Left Icon

There live the blind texts separated they right at the coast of the Semantics.

Primary
Secondary
Successful
More Info
Warning
Dangerous
Light
Dark

Button Right Icon

There live the blind texts separated they right at the coast of the Semantics.

Primary
Secondary
Successful
More Info
Warning
Dangerous
Light
Dark

Button Outline

There live the blind texts separated they right at the coast of the Semantics.

Primary Button
Secondary Button
Success Button
Info Button
Warning Button
Danger Button
Light Button
Dark Button

Button Outline States

There live the blind texts separated they right at the coast of the Semantics.

Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State
Default State Active State Focussed State Disabled State

Button Outline Sizing

There live the blind texts separated they right at the coast of the Semantics.

Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size
Small Size Default Size Large Size

Button Outline Left Icon

There live the blind texts separated they right at the coast of the Semantics.

Primary
Secondary
Successful
More Info
Warning
Dangerous
Light
Dark

Button Outline Right Icon

There live the blind texts separated they right at the coast of the Semantics.

Primary
Secondary
Successful
More Info
Warning
Dangerous
Light
Dark