@rei-co-op/cedar-select v0.0.8

NOTE: v-model is required.

Events

Examples

Standard

var selected = '';

<div>
  <cdr-select label="Normal" v-model="selected">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </cdr-select>
  <p>Selected: {{selected}}</p>
</div>

With prompt

var selected = '';

<div>
  <cdr-select label="Normal with prompt" v-model="selected" prompt="Choose one">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </cdr-select>
  <p>Selected: {{selected}}</p>
</div>

Data driven options

var selected = '';
var data = ['a', 'b', 'c', 'd'];

<div>
  <cdr-select label="Built with data" v-model="selected" :options="data"></cdr-select>
  <p>Selected: {{selected}}</p>
</div>