Vue.js Form Components - Page 2 of 17

Simple Single & Range Slider Component For Vue 3/2

A simple single value & range slider component for Vue 3 and Vue 2.

August 7, 2022 Form

Simple Phone Input Library For Vue 3

A simple yet fully configurable phone input component for Vue 3.

August 7, 2022 Form

Create Conversational Conditional-logic Forms For Vue.js – Flow Form

A Vue.js component to create conversational, conditional-logic, multi-step forms for form wizards, questionnaires, quizzes, and much more.

July 29, 2022 Form

International Phone Input Field With Country Flags – VPhoneInput

VPhoneInput is a user-friendly international telephone (E.164) input field component for Vuetify and Vue JS. How to use it: 1. Import the VPhoneInput component and country flags. import Vue from ‘vue’; import VPhoneInputPlugin from ‘v-phone-input’; import ‘flag-icons/css/flag-icons.min.css’; Vue.use(VPhoneInputPlugin, { // options }); 2. Add the VPhoneInput component to the template. <template> <v-phone-input v-model=”phone” /> </template> 3. Available props for the VPhoneInput component. label: { type: as PropType<MessageResolver>, default: () => getOption(‘label’), }, ariaLabel: { type: as PropType<MessageResolver>, default: () => getOption(‘ariaLabel’), }, countryLabel: { type: as PropType<MessageResolver>, default: () => getOption(‘countryLabel’), }, countryAriaLabel: {

July 27, 2022 Form

Vue.js Select Box Replacement Component – vue-select

A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.

July 17, 2022 Featured, Form

Custom Horizontal/Vertical/Circular Slider Control For Vue 3

A customizable slider component for Vue 3 that helps you create responsive, accessible, touch-enabled, horizontal/vertical/circular slider controls on the applications.

July 14, 2022 Form