Components

Flags

sketch:Readyscss:Readyfigma:Ready
vue
:Ready
freemarker
:Ready

Anatomy

spec visual

Properties

Layout

StatePropertyToken
Defaultpadding$mu050 (0.5rem)
Defaultfont-sizesize.font.04 (14px)

Color themes

Available themes are :

  • solid
  • bordered
  • solid-primary-02
  • bordered-primary-02
  • solid-dark
  • bordered-dark
  • solid-light
  • bordered-light
  • solid-danger
  • bordered-danger

Flags states colors are defined for each theme :

StatePropertyToken
Defaultbackground-colorcolor.flag.[theme].background
Defaultborder-colorcolor.flag.[theme].border
Defaultcolorcolor.flag.[theme].font