Bubble

Represents the filled circle with a number of an icon, supporting the usual color variants

Basic Usage

Disabled variant

Theme Variables (SCSS)#

$bubble-variants: (
"success": ( "background-color": $success, "color": $white ),
"warning": ( "background-color": $warning, "color": $white ),
"error": ( "background-color": $danger, "color": $white ),
"primary": ( "background-color": $primary, "color": $white ),
) !default;
Bubble Props API
  • children node Required

    Specifies contents of the component.

  • variant enum'primary' | 'success' | 'error' | 'warning'

    The Bubble style variant to use.

    Default'primary'
  • disabled bool

    Activates disabled variant.

    Defaultfalse
  • className string

    A class name to append to the base element.