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
  • Forms
  • VSelect

VSelect

Vuero provides elegant form controls with minimum styling. VSelect accept all attributes that <select> accepts. Always wrap your inputs inside a <VField /> and a <VControl /> to build forms quickly and efficiently.

Select rounded

The Vuero VSelect can have rounded edges. Like other controls, simply add the is-rounded class to the select wrapper element. Please refer to the code example for more details about usage.

Font Awesome

Vuero VSelect can have icons attached to them. They work pretty well with Font Awesome icons. You can add an icon element inside the select. Please refer to the code example for more details about usage.

Line Icons

Vuero VSelect can have icons attached to them. They work pretty well with Line Icons. You can add an icon element inside the select. Please refer to the code example for more details about usage.

Lucide Icons

Vuero VSelect can have icons attached to them. They work pretty well with Lucide Icons. You can add an icon element inside the select. Please refer to the code example for more details about usage.

Loading and Disabled select

vuero VSelect can be shown in a loading state. To apply that style, simply add the loading property to the VControl wrapping element. The disabled property should be set on VSelect, like the default behavior. Please refer to the code example for more details about usage.

Multiple selection

The Vuero VSelect can have multiple attribute. Please refer to the code example for more details about usage.

Hold down the Ctrl (windows) / Command (Mac) button to select multiple options.

<VSelect> Props

NameDefaultType
:id
:model-value
:multiple
:raw

<VSelect> Events

NameType
@update:model-value

<VSelect> Slots

NameType
#default