Notifications
See all
  • Alice C. left a comment.

    1 hour ago

  • Joshua S. uploaded a file.

    2 hours ago

  • Tara S. sent you a message.

    2 hours ago

  • Melany W. left a comment.

    3 hours ago

Erik KovalskyProduct Manager
ProfileView your profile

ProjectsAll my projects
TeamManage your team

SettingsAccount settings

  • Erik KovalskyProduct Manager
    ProfileView your profile

    ProjectsAll my projects
    TeamManage your team

    SettingsAccount settings

  • Erik KovalskyProduct Manager
    ProfileView your profile

    ProjectsAll my projects
    TeamManage your team

    SettingsAccount settings

Components

  • Components Hub
  • Colors
  • Helpers
  • Content
  • Table
  • Icons
  • Interaction
  • VDropdown
  • VLoader
  • VPlaceload
  • VPlaceloadText
  • VPlaceloadAvatar
  • VMessage
  • VModal
  • VProgress
  • VTootlip
  • Buttons
  • Forms
  • Switches
  • Display
  • VAvatar
  • VAvatarStack
  • VBlock
  • VIconBox
  • VIconWrap
  • VSnack
  • VTag
  • VFlex
  • VGrid
  • VBreadcrumb
  • VTabs
  • VFlexPagination
  • VFlexTable
  • Accordions
  • Cards
  • Placeholders
  • Addons

Notifications
See all
  • Alice C. left a comment.

    1 hour ago

  • Joshua S. uploaded a file.

    2 hours ago

  • Tara S. sent you a message.

    2 hours ago

  • Melany W. left a comment.

    3 hours ago

  • Components
  • VTag

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.

Tag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag Label

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.

Tag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag Label

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.

Tag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag Label

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.

Tag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag Label

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.

Tag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag LabelTag Label

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.

PackageBulma
John Doe

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.

Bulma CSS
React JS
Javascript
Vue JS
Angular

<VTag> Props

NameDefaultType
:color
:curved
:elevated
:label
:outlined
:remove
:rounded
:size

<VTag> Slots

NameType
#default

<VTags> Props

NameDefaultType
:addons

<VTags> Slots

NameType
#default