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.