How to create a badge with Combo ?

Undraw Add Content Re Vgqa


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

  • a count
  • or a label


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>


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


A badge may have the following type:


  • success
  • danger
  • warning
  • info (Default)
  • tip


  • primary
  • secondary
  • light
  • dark



defaultBadgeAttributes is a configuration that defines the default badge attributes

Default value:

type="info" rounded="true"

Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Recommended Pages
Undraw Add Content Re Vgqa
ComboStrap UI Inline components

Inline components are used inside a paragraph (ie in a line).
Default Component Stylesheet File Explorer
Component Stylesheet

This functionality gives the possibility for Web Designers to customize the style of Combostrap components. If a stylesheet with the name of a component is found in the components/css directory of a...
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion
Undraw Website Builder Re Ii6e
Tabs: layout panels in tab

A tabs is an layout, interactive and navigational element that is composed of a a serie of tab that, when activated, displays their associated panel.

Task Runner