Flags

figma:ready

react:ready

scss:ready

freemarker:ready

vue:ready

webComponent:ready

Anatomy

spec visual

Properties

Layout

State	Property	Token
Default	padding	`$mu050` (0.5rem)
Default	font-size	`size.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 :

State	Property	Token
Default	background-color	`color.flag.[theme].background`
Default	border-color	`color.flag.[theme].border`
Default	color	`color.flag.[theme].font`