Reference

Badge

Badge

A small count or status marker drawn on the corner of another control — most often an icon or button. In Ruflet, badge is passed as the badge: property of the control it decorates.

Example

icon_button(
  "notifications",
  badge: badge(text: "3"),
  on_click: ->(_e) { open_inbox }
)

Common properties

  • text — the label inside the badge
  • label_visible — show / hide the badge
  • bgcolor
  • text_color
  • alignment
  • offset
  • small_size / large_size

Usage

Most controls accept a badge: property. Pass a plain string for a dot-style badge, or a badge(...) for a counted/styled one. Toggle label_visible to show or hide it without rebuilding the parent.