VTag
Vuero provides a <VTag /> component than can be customized to fit any needs. VTags can have multiple colors. Use the color prop to change the component color. Available modifiers are primary, info, success, warning, danger, orange, blue, green, purple, white, light and solid.
VTag rounded
Vuero provides a <VTag /> component than can be customized to fit any needs. VTags can have rounded edges. Use the rounded prop to change the component shape.
VTag curved
Vuero provides a <VTag /> component than can be customized to fit any needs. VTags can have curved edges. Use the curved prop to change the component shape.
VTag outlined
Vuero provides a <VTag /> component than can be customized to fit any needs. VTags can have outlined edges and a transparent background. Use the outlined prop to change the component shape.
VTag elevated
Vuero provides a <VTag /> component than can be customized to fit any needs. VTags can have a permanent box shadow. Use the elevated prop to add elevation to the component.
VTags Addons
<VTag /> components can be wrapped together into a single tag addon element. In order to do so, wrap 2 tag components inside a <VTags addons /> element. See markup for more details about usage.
Addon List
<VTag /> components with addons can be organized in a list with optimal spacing. Wrap your components inside a <VField grouped multiline /> element. See markup for more details about usage.
VTag Props
Here is the full props available for <VTag /> component:
| Props | Default | Type |
|---|---|---|
| label required | undefined | string, number |
| color | undefined | primary, secondary, success, info, warning, danger, orange, blue, green, purple, white, light, solid |
| rounded | false | boolean |
| curved | false | boolean |
| outlined | false | boolean |
| elevated | false | boolean |
| remove | false | boolean |