An open API service indexing awesome lists of open source software.

https://github.com/matej-ch/editable-form-elements

Editable form elements that are activated by clicking on text
https://github.com/matej-ch/editable-form-elements

editable input select vuejs-components vuejs3

Last synced: 4 months ago
JSON representation

Editable form elements that are activated by clicking on text

Awesome Lists containing this project

README

          

# Editable form elements for vue js 3

### Editable input

**_Available props_**

```
value -> value of input
type -> type of input
name -> name of input send in posted event
empty-value -> Custom value (string) to show when no `value` prop is set
show-input -> Boolean value, whether to show value or input on load
```

Example

```html

```

---

### Editable select

**_Available props_**

```
value -> value of input
options -> Select options object
name -> name of input send in posted event
empty-value -> Custom value (string) to show when no `value` prop is set
show-input -> Boolean value, whether to show value or input on load
```

Example

```html

```

---

### Editable textarea

**_Available props_**

```
value -> value of input
name -> name of input send in posted event
empty-value -> Custom value (string) to show when no `value` prop is set
show-input -> Boolean value, whether to show value or input on load
rows -> columns of textarea
cols -> rows of textarea
maxLength -> Max lenght of string
```

Example

```html

```

---

### Editable checkbox

**_Available props_**

```
value -> value of input
options -> checkbox options with two values
name -> name of input send in posted event
show-input -> Boolean value, whether to show value or input on load
```

Example

```html



```