ComboStrap UI - Badge

About

badge is a ComboStrap UI component that shows a small status descriptors such as:

  • a count
  • or a label

Since version 1.1

Syntax

badge follows the superset HTML syntax and can then be customized

  • Full Qualified Syntax
<badge type="type" rounded>Text</badge>
  • Short Syntax
<badge type rounded>Text</badge>

where:

  • type defines the color
  • rounded will give a look more rounded (Default: true)

Type

A badge may have the following type:

  • primary
  • secondary
  • success
  • danger
  • warning
  • info (Default)
  • tip
  • light
  • dark

Configuration

defaultBadgeAttributes

defaultBadgeAttributes is a configuration that defines the default badge attributes

Default value:

type="info" rounded="true"

Support

Background color

We are not using the background color because they are too dark. The contrast between this color and a link is not enough and make a link difficult to read. The actual colors are the alerts colors

Powered by ComboStrap