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
  • Plugins
  • Tippy

Text popover

Vuero ships with the <Tippy /> component from the VTippy library. It lets you create any type of popover with custom content. You can set the trigger to be a click event using the trigger="click" prop.

Click Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eam tum adesse, cum dolor omnis absit

Click Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eam tum adesse, cum dolor omnis absit

Popover positions

<Tippy /> popovers can have different positions. Use the placement props to set your popover placement. Available options are top, top-end, bottom, bottom-end, left, left-end, right and right-end.

Top

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Top End

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Bottom

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Bottom End

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Left End

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Right End

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Avatar popover

Popovers can hold any type of content, including existing Vuero components. You can easily add a <VAvatar /> inside your popover.

Alice C.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Erik K.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

JL

John L.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

SC

Sara C.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Icon popover

Popovers can hold any type of content, including existing Vuero components. You can easily add a <VIconBox /> inside your popover.

Hover Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Hover Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Hover Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Hover Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Profile popover

Popovers can be used to display more complex information like a user profile. We-ve provided an example that uses an internal component to display a user profile. You can also make the popover interactive with the interactive prop.

Greta K.Los Angeles, CASales ManagerThis is a nice user description that we can use as demo content.
Erik K.Las Begas, NVProduct ManagerThis is a nice user description that we can use as demo content.
Alice C.Los Angeles, CASoftware EngineerThis is a nice user description that we can use as demo content.