Tags
Basic usage
Use the 'label' attribute to define content.
In addition, the 'prefix-icon' and 'icon' can be used to set the icon of VC-Icon font
In addition, the 'prefix-icon' and 'icon' can be used to set the icon of VC-Icon font
+380999999999
+380999999999
Tag Label
+380999999999
+380999999999
+380999999999
Tag Label
+380999999999
Square:
+380999999999
Tag Label
+380999999999
Tag Label
Expand
Removable Tag
'closable' attribute can be used to define a removable tag.
It accepts a 'Boolean' and emit 'on-close' event
It accepts a 'Boolean' and emit 'on-close' event
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
Expand
Colors
Colors of the Tag
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
+380999999999
Expand
Attributes
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| color | Tag color scheme | String | primary / secondary / destructive / success / warning | primary |
| prefixIcon | Prefix Icon for tag | String | VC-Icon-Font | --- |
| icon | Prefix Icon for tag | String | VC-Icon-Font | --- |
| label | Tag`s content | String | --- | --- |
| closable | Show close icon and emit remove event | Boolean | --- | false |
| disabled | Whether to disable | Boolean | --- | false |
| borderless | Tag with background | Boolean | --- | false |
| maxContent | Max with for label (Ex: 300px, 200, 10rem) | String / Number | --- | false |
| square | shape square | Boolean | true | false | false |