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
  • Addons
  • vueform/slider

Rounded tooltip

Vuero provides a customisable <Slider /> component. You can check the plugin documentation on Github. Use the has-rounded-tooltipclass on the <VField /> component to show a rounded tooltip.

Squared tooltip

Use the has-squared-tooltip class on the <VField /> component to show a square shaped tooltip. Supports bigger values than the rounded tooltip.

Curved tooltip

Use the has-curved-tooltip class on the <VField /> component to show a curved shaped tooltip. Supports bigger values than the rounded tooltip.

Slider colors

The <Slider /> component supports multiple colors. The default color is the theme $primary color. Available color classes modifiers are: is-slider-info, is-slider-success, is-slider-warning, is-slider-danger.

Multiple handles

The <Slider /> component can render multiple tooltips when passing an array to its v-model property.

Tooltip format

The <Slider /> component allows to pass a formatting function to its format property. You can return the tooltip value with the format that you want.

Tooltip merging

The <Slider /> component can automatically merge multiple tooltips when they reach a certain threshold. Specify a merge value and pass it to the component's :merge prop.