Buttons

In this section you will be able to find all the buttons available in Magasin UI. Go to the example page to see a selection of different hover styles.
First is a list of buttons by sorthvid. Below that is a list of the current buttons that Alpha solutions have created, and are used on magasin.dk today.

Buttons

Component status: WIP

New buttons by sorthvid

New, uniformely styled button in different varieties. Will be the type of button to use from now on.
See link for different types of hover transitions. Until we settle for the one to use.

Button examples

New buttons by sorthvid

Component status: WIP

New, uniformely styled button in different varieties. Will be the type of button to use from now on.
See link for different types of hover transitions. Until we settle for the one to use.

Button examples

Default

Modifiers

.button-style--light-button

light

.button-style--secondary

secondary

.button-style--highlight

secondary

<button class="button-style test-class">Example button</button>

Se mere

Developer notes

this is a detailed description

    button.addYourOwnTile('no i wont');

Se mere

Developer notes

this is a detailed description

[title]