RuiBadge
Sources:
../../src/componentsBadge/Badge.vueThis component is very similar to a tag, _but bigger_. It is meant to be used as a side piece of information about
the surrounding content, while tags are mostly used to categorize things.
This component is very similar to a tag, but bigger. It is meant to be used as a side piece of information about the surrounding content, while tags are mostly used to categorize things.
Props
| Name | Required | Type | Default | Allowed values | Description |
|---|---|---|---|---|---|
| Content | |||||
caption | string|number | null | Text. Will be overridden by default slot content | ||
icon | string | null | Left icon name | ||
endIcon | string | null | Right icon name | ||
| Display | |||||
variant | string | null | danger, success, warning, help, mute | Color variant | |
size | string | null | small, large | Button size | |
inverse | boolean | false | Inverse colors | ||
Events
This component has no events.
Slots
| Name | Description |
|---|---|
left | Use this slot for custom icons (i.e.: with custom classes) |
default | |
right | Use this slot for custom icons (i.e.: with custom classes) |