Util buttons
Button styled buttons
- Content options
- Text
- Icon
- Arrow
- Styling options (NOT IMPLEMENTED)
- Small
- Regular (Default)
- large
- Sizing options
- Filled
- Border
- Background color/border color options
- Button primary: Default color (Primary button color)
- Button secondary (Secondary button color)
- Buttons on .bg--primary
- Buttons on .bg--secondary
- Buttons on .form-container
- Buttons in article
- Default - primary-color
- Article color 0 - .article-element-bg--0
- Article color 1 - .article-element-bg--1
- Article color 2 - .article-element-bg--2
- Article color 3 - .article-element-bg--3
- Article color 4 - .article-element-bg--4
- Article color 5 - .article-element-bg--5
- Buttons on .bg-overlay
Link styled buttons
- Content options
- Text
- Arrow
- Styling options
- No arrow
- Arrow - list arrows
- Arrow - cta arrows
Functionality buttons
- Feedback buttons
- Toggle button
Buttons
Primary button
Button filledPrimary button - Disabled
Submit button
Primary button outline
Button outlinedPrimary button outline - Disabled
Selfservice button
Filled - MitIDPrimary button - arrow long
Filled arrowPrimary button - arrow long - outline
Outline arrowSecondary button
Button filledSecondary button - outline
Button outlinedButtons - In rich-text editor (Should be outfased from solution)
Link styled buttons
Link button
Se mereLink button - with icon
Se mereLink button - not active
Se mere - not activeLink arrow button - Short
Link arrow button - Long
Link arrow longLink arrow back button
Arrow backForm buttons
Form buttons - with .form-container
Button component - styling variations: icon, arrow, download, filled, outline
Default - primary-color & No icon
Default - primary-color
Default - Web accessible font-icon
Default - Arrow
Default - Icon & Arrow
Default - Download
Default - Icon & Download
Default - Icon & External link
Default - Outline & No icon
Default - Outline
Default - Outline & Arrow
Default - Outline, icon & Arrow
Default - Outline & Download
Default - Outline, Icon & Download
Default - Outline, Icon & External link
Button component - Article backgound color options
Default - primary-color
Article color 0 - .article-element-bg--0
Article color 1 - .article-element-bg--1
Article color 2 - .article-element-bg--2
Article color 3 - .article-element-bg--3
Article color 4 - .article-element-bg--4
Article color 5 - .article-element-bg--5
Feedback buttons: Styled round
Functionality buttons
Color theme: Darkmode - no icons
Color theme: Darkmode - with icons
Color theme: OLD Darkmode -- is being replaced
Color theme: Grayscale - no icons
Color theme: Grayscale - with icons
Settings menu for service toggles
Accessibility tools
-
Darkmode
-
Grayscale
Intranet: Toggle
Sound input button
Editing buttons
Buttons with spinner animations
Button spinner
Button spinner: with button text
Button spinner: Status success
Button spinner: Status failed
