Anduin Design
Components

Badge

Badges are used to draw attention and display statuses or counts.

Properties
BadgeR(  count = Some(99),  color = _.Primary,  theme = _.Light)()

Examples

Light Theme Colors

BadgeR(  count = Some(99),  color = _.Gray,  theme = _.Light)()BadgeR(  count = Some(99),  color = _.Primary,  theme = _.Light)()BadgeR(  count = Some(99),  color = _.Success,  theme = _.Light)()BadgeR(  count = Some(99),  color = _.Warning,  theme = _.Light)()BadgeR(  count = Some(99),  color = _.Danger,  theme = _.Light)()

Bold Theme Colors

BadgeR(  count = Some(99),  color = _.Gray,  theme = _.Bold)()BadgeR(  count = Some(99),  color = _.Primary,  theme = _.Bold)()BadgeR(  count = Some(99),  color = _.Success,  theme = _.Bold)()BadgeR(  count = Some(99),  color = _.Warning,  theme = _.Bold)()BadgeR(  count = Some(99),  color = _.Danger,  theme = _.Bold)()

Button with Badge and Dot

BadgeR(  count = Some(5),  color = _.Danger,  theme = _.Bold)(  Button(    style = _.Full(      icon = _.Comment    )  )())DotR(color = _.Danger)(  Button(    style = _.Full(icon = _.ListBullet)  )())

On this page