0.8.1 • Published 7 years ago
ractive-select v0.8.1
ractive-select
A replacement for <select>
tags that allows full styling and customizability.
Demo
Install
npm install ractive-select --save
Features
- Themable
- Supports native mobile UI
- Keyboard support (arrow keys, space/enter, jump to item by typing)
Usage
Add the select to your Ractive instance:
Ractive.extend({
...
components: {
select: require('ractive-select')
},
...
});
Use it like a normal select element
<select value='{{ myValue }}'>
{{#each options}}
<option>{{this}}</option>
{{/each}}
<option>some other option</option>
</select>
Or if you already have an array:
<select items='{{options}}'></select>
...
data: {
// can either be array of primitives
items: ["foo", "bar", "baz"],
// or array of objects with `value` and `label` -> <option value='{{value}}'>{{label}}</option>
items: [{label: "foo", value: "_FOO", ...}],
},
...
0.8.1
7 years ago
0.8.0
8 years ago
0.7.3
8 years ago
0.7.2
8 years ago
0.7.0
8 years ago
0.6.12
8 years ago
0.6.11
8 years ago
0.6.10
8 years ago
0.6.9
8 years ago
0.6.8
8 years ago
0.6.7
8 years ago
0.6.6
8 years ago
0.6.5
8 years ago
0.6.4
8 years ago
0.6.3
8 years ago
0.6.1
8 years ago
0.6.0
8 years ago
0.5.0
8 years ago
0.4.7
8 years ago
0.4.6
8 years ago
0.4.5
8 years ago
0.4.4
8 years ago
0.4.3
8 years ago
0.4.2
8 years ago
0.4.1
8 years ago
0.4.0
8 years ago
0.3.3
8 years ago
0.3.2
9 years ago
0.3.1
9 years ago
0.3.0
9 years ago
0.2.1
9 years ago
0.2.0
9 years ago
0.1.0
9 years ago