Sha256: e9337b578424ca691085c8efefa5852cf22f4b6e5ad5d850d95b579991fb5488

Contents?: true

Size: 1.2 KB

Versions: 3

Compression:

Stored size: 1.2 KB

Contents

# Volt::Fields

Provides controls with the following:

1. the necessary html for bootstrap
2. mark the fields when the blur event happens
3. display any marked errors below the field

Currently supported control types:
* Text
* Textarea
* Select
* Radio
* Checkbox

## How to Use
### Setup
Include in your gemfile:

```
gem 'volt-fields'
```

Then use fields as tags in your views:
```
<:fields:text value="{{ model.first_name }}"/>
```

### Text and Textarea
```
<:fields:text value="{{ model.first_name }}"/>
```

### Select
Select fields accept either an array of options, or an array of {label: '', value: ''} hashes.

```
<:fields:select value="{{ model.role }}" options="{{ ['User', 'Admin', 'Something Else']}}"/>
```
    
### Radio
For radio buttons, pass an options array of {label: '', value: ''} hashes.

```
<:fields:radio value="{{ model.active }}" options="{{[{label: 'Active', value: true},{label:'Inactive', value: false}]}}"/>
```

For inline radio buttons, use ```:fields:radio:inline```.

### Checkbox
For checkboxes, use 'checked' instead of 'value' to bind the checkbox to a boolean field.
```
<:fields:checkbox checked="{{ model.active }}"/>
```

For inline radio buttons, use ```:fields:radio:inline```.

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
volt-fields-0.1.3 README.md
volt-fields-0.1.2 README.md
volt-fields-0.1.1 README.md