Badge

241 views

A component used in an application with an avatar, navigation menu, or other component when visual notification is required.

When you place a component, the following code is defined by default.

<c-badge color=”info” data-comp-id=” badge.1″ id=” badge.1″>

Badge Text

</c-badge>

There are properties below

Property

Content

Text

The text is displayed in the control.
Click the gear button to display the dialogue.
You can now enter the text you want to display or select the Angular function.

Color

Specify the color of the button label. You can specify it from below.

Default
Primary
Info
Success
Danger
Warning
Light
Dark

Class

You can define any class.