Go to main content
Go to KTH Intranet

Button

TODO

When to use this component

  • TODO

When not to use this component

  • TODO

How it works

  • TODO

Primary button

TODO

Code 
<button class="kth-button primary">Primary Button</button>
@use "@kth/style/scss/components/button.scss";

Success button

TODO

Code 
<button class="kth-button success">Success Button</button>
@use "@kth/style/scss/components/button.scss";

Error button

TODO

Code 
<button class="kth-button error">Error Button</button>
@use "@kth/style/scss/components/button.scss";

Secondary button

TODO

Code 
<button class="kth-button secondary">Secondary Button</button>
@use "@kth/style/scss/components/button.scss";

Back button

TODO

Code 
<button class="kth-button back">Back Button</button>
@use "@kth/style/scss/components/button.scss";

Icon button

TODO

Code 
<button class="kth-icon-button close">
  <span class="kth-visually-hidden">{"close"}</span>
</button>
@use "@kth/style/scss/components/button.scss";

Previous button

TODO

Code 
<button class="kth-button previous">Previous Button</button>
@use "@kth/style/scss/components/button.scss";

Next button

TODO

Code 
<button class="kth-button next">Next Button</button>
@use "@kth/style/scss/components/button.scss";

Read more

  • TODO