# bpk-component-select

> Backpack select component.

## Installation

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

## Usage

```js
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          |