MDC Pug3.0.0-beta.3
codeforumbug_report

Badge

A badge generates a number indicator to the top-right of its child(ren).

    Examples

    With an avatar

    codecode_off
    +mdc-badge(4)
  +mdc-avatar(image='https://placeimg.com/128/128/people')

    With a button

    codecode_off
    +mdc-badge(4)
  +mdc-button('Button')(outlined)

    With an icon

    codecode_off
    notifications
    +mdc-badge(4)
  +mdc-icon('notifications')

    With an icon button

    codecode_off
    notifications
    +mdc-badge(4)(inset)
  +mdc-icon-button('notifications')

    With text

    codecode_off
    Text
    +mdc-badge(4)
  +mdc-typography('Text')(element='span')