Anduin Design
Components

Badge

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

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

Examples

Light Theme Colors

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

Bold Theme Colors

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

Button with Badge and Dot

BadgeL(  count = Val(Some(5)),  color = _.Danger,  theme = _.Bold)(  ButtonL(    style = _.Full(      icon = _.Comment    )  )())DotL(color = _.Danger)(  ButtonL(    style = _.Full(icon = _.ListBullet)  )())

On this page