UI Thing

VeeNumberField

An number field component that uses the composition API provided by Vee-Validate to perform validation.

Number Field Source

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add vee-number-field

Usage

User form

In the form below, we are using the useForm composition function provided by Vee-Validate to handle the form submission and validation. The useForm composable accepts a validationSchema option that we can use to define our validation rules. We are using the yup library to define our validation rules. You can use any validation library you want as long as it is supported by Vee-Validate.

VeeMultiSelect

Displays a list of options for the user to pick from.

VeePinInput

A Pin Input component that uses the composition API provided by Vee-Validate to perform validation.