antonreshetov/vue-form-components

Clean & minimal vue form elements and form builder with validation

vue-form-components's Issues

Input component

Develop

• Core (Input, Textarea)
• Suffix
• Prefix
• Append
• Prepend
• Disabled

Testing

• Core (Input, Textarea)
• Suffix
• Prefix
• Append
• Prepend
• Disabled

Vee-validate instead async-validation

Form validation

Add docs for form builder

Form component

Radio component

Develop

• Core
• Disabled
• Bordered

Testing

• Core
• Disabled
• Bordered

Docs

Base

• Site

Components

• Input
• Select
• Checkbox
• Radio
• Button
• Form

Form builder

A schema-based form generator

• Component
• Testing

The Select component isn't keyboard accessible

I've tried this a few times and I can't seem to figure out how to get the select component to be keyboard accessible. If the select component is selected and you hit enter it just toggles the first item in the list. This happens with both the regular and multi-select feature.

Select search

hi, are you planning to do a search in select?

can't use "name" attribute

hi, I added
<vue-input v-model="formCarrier.email" name="mail" style="width: 100%" placeholder="[email protected]"></vue-input>

but it doesn't work after rendering.

other attributes like a "readonly, type, placeholder" still work

Select component doesn't work properly

Hey

I'm trying to utilize Select component, but had no luck so far.
An element shows up, but no dropdown is displayed after clicking it.

I have a jsfiddle example:
https://jsfiddle.net/b265fqz9/2/

Could you give me a hint on what could be a problem with my code?

Thanks.

Add Travis CI to build gh page

Examples & Docs

Select component

Develop

• Core (Select, Option)
• Popper
• Disabled select
• Disabled option
• Multiple

Testing

• Core (Select, Option)
• Popper
• Disabled select
• Disabled option
• Multiple

Button component

Develop

• Core
• Type

Testing

• Core
• Type

Select is not updating the label when the v-model attribute is cleared

Hi,

I have this following code

<div
  v-for="(selected, index) in data"
  :key="index"
>
  <vue-select
    v-model="data[index]"
    :data="dataOptions"
    placeholder="Select"
  >
    <vue-option
      v-for="option in dataOptions"
      :key="option.value"
      :value="option.value"
      :label="option.label"
    />
  </vue-select>
</div>

However, when I clear the data[index] for the corresponding index, the data is updated correctly but the label displayed stays the same and gives the illusion that the data wasn't cleared. Is there a way to update the label when the data in the v-model object is changed?

can not set default value

Hi
I tried to set default selected option
But both of v-model="desirable" and :value="desirable" didnt work.
Any way to set default selected option in ?
Thank you

Update docs for validation

Support customMessages in vvalidate

Can't find a way to set custom validation messages using the FormBuilder component.

Checkbox component

Develop

• Core (Single, Group)
• Disabled
• Bordered

Testing

• Core (Single, Group)
• Disabled
• Bordered

Update for veevalidate

VeeValidate api is changed and simplified. And you don't have to write validate ( $_veeValidate: {} ) logic inside components anymore.