Forside

Buttons & links

Types

Default

Invert

Soft

Links

Primary color

primary.Smallest primary.small primary.default

primary.default-icon

primary.large primary.largest disabled

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

Primary link without border Primary link with border

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

Secondary link without border Secondary link with border

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

Andre knapper

Nedenstående er knapper der bruges specifikt til opgavetyper.

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