VTag
Hardison Co. 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
Hardison Co. 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
Hardison Co. 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
Hardison Co. 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
Hardison Co. 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.
| Name | Default | Type |
|---|---|---|
| :color | | |
| :curved | | |
| :elevated | | |
| :label | | |
| :outlined | | |
| :remove | | |
| :rounded | | |
| :size | | |