Links

figma:ready
react:ready
scss:ready
freemarker:ready
vue:ready
webComponent:ready

Anatomy

Properties

Layout / sizes

Size nameHeightPaddingsFont-size
Small24px (1.5mu)16px (1mu)size.font.04 (14px)
Regular (Default size)28px (1.75mu)16px (1mu)size.font.05 (16px)

Color themes

Available themes are :

  • dark default theme
  • light
  • primary
  • primary-02
  • danger

Links states colors are defnied for each theme :

StatePropertyToken
Defaultcolorcolor.link.[theme].base
Hovercolorcolor.link.[theme].hover
Visitedcolorcolor.link.[theme].visited
Activecolorcolor.link.[theme].active
Disabledcolorcolor.link.[theme].disabled