Buttons etc.

Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Nu vises galleri visning

Nu vises liste visning

Call to action - buttons

Types

Default

Invert

Soft

Primary color

primary.Smallest primary.small primary.default

primary.default-icon

primary.large primary.largest

invert-primary.smallest invert-primary.small invert-primary.default

invert-primary.default-icon

invert-primary.large invert-primary.largest

soft-primary.smallest soft-primary.small soft-primary.default

soft-primary.default-icon

soft-primary.large soft-primary.largest

Secondary color

secondary.smallest secondary.small secondary.default

secondary.default-icon

secondary.large secondary.largest

invert-secondary.smallest invert-secondary.small invert-secondary.default

invert-secondary.default-icon

invert-secondary.large invert-secondary.largest

soft-secondary.smallest soft-secondary.small soft-secondary.default

soft-secondary.default-icon

soft-secondary.large soft-secondary.largest

Tertiary color

dark.smallest dark.small dark.default

dark.default-icon

dark.large dark.largest

invert-dark.smallest invert-dark.small invert-dark.default

invert-dark.default-icon

invert-dark.large invert-dark.largest

soft-dark.smallest soft-dark-small soft.dark-default

soft-dark.default-icon

soft.dark-large soft.dark-largest disabled

Dropdowns

User dropdown. Bruges i navbar på portaler og i forløb

Bruges fx. i hero på portaler

Draggable buttons

Dette er en drag and drop knap

Dette er en drag and drop knap der kan slettes

Dette er en drag and drop knap der er korrekt

Dette er en drag and drop knap der er forkert

Draggable buttons

A

A

A

Links

Primary link without border Primary link with border

Secondary link without border Secondary link with border

Item links

Lærervejledning

Tags

Toggle

Tabs Call to action - buttons Dropdowns Draggable buttons Links Item links Tags Toggle