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
  • VIconWrap

VIconWrap

The Vuero <VIconWrap /> component let you display icons in a fancy and colored way. See code for more details about usage.

Colors

Customize <VIconWrap /> with the color and hasBackground props.
See code for more details about usage.

Size

Customize <VIconWrap /> with the size and hasLargeIcon props.
See code for more details about usage.

Dark mode

Customize <VIconWrap /> with the dark, darkPrimary and darkCardBordered props.
See code for more details about usage.

Tooltips

You can add the v-tooltip directive to <VIconWrap /> component.
See code for more details about usage.

<VIconWrap> Props

NameDefaultType
:color
:dark
:dark-card-bordered
:dark-primary
:has-background
:has-large-icon
:icon
:picture
:placeholder
:size

<VIconWrap> Slots

NameType
#after