bpk-component-select

Backpack select component.

Usage no npm install needed!

<script type="module">
  import bpkComponentSelect from 'https://cdn.skypack.dev/bpk-component-select';
</script>

README

bpk-component-select

Backpack select component.

Installation

npm install bpk-component-select --save-dev

Usage

import React from 'react';
import BpkSelect from 'bpk-component-select';

export default () => (
  <BpkSelect
    id="fruits"
    name="fruits"
    value="oranges"
    onChange={(e) => console.log(`select changed to ${e.target.value}`)}
  >
    <option value="apples">Apples</option>
    <option value="oranges">Oranges</option>
    <option value="pears">Pears</option>
  </BpkSelect>
);

Props

Property PropType Required Default Value
id string true -
name string true -
value string true -
onChange func true -
valid bool false null
large bool false false
disabled bool false false
docked bool false false
dockedFirst bool false false
dockedMiddle bool false false
dockedLast bool false false
image node false null
wrapperClassName string false null