Property | Attribute | Description | Type | Default |
---|---|---|---|---|
color |
color |
The color options are: "primary" , "secondary" , "success" , "warning" , "error" , "light" , "info" , "white" , "black" , and "dark" . |
string |
undefined |
rounded |
rounded |
If true , make the badge rounded. |
boolean |
false |
text |
text |
The text to display in the badge. | string |
undefined |
Name | Description |
---|---|
--background-color |
Background color of the badge |
--border-radius |
Border radius of the badge if is rounded |
--color |
Text color of the badge |
--font-family |
Font family of the badge text |
--font-size |
Font size of the badge text |
--font-weight |
Font weight of the badge text |
--height |
Height of the badge |
--padding-bottom |
Padding bottom of the badge |
--padding-left |
Padding left of the badge |
--padding-right |
Padding right of the badge |
--padding-top |
Padding top of the badge |
graph TD;
is-multiselect --> is-badge
style is-badge fill:#f9f,stroke:#333,stroke-width:4px
Built with StencilJS