PolicyGenius - Style Guide

React Select

React Select Field

<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js'></script>
<script src='https://unpkg.com/classnames/index.js'></script>
<script src='https://unpkg.com/react-input-autosize/dist/react-input-autosize.js'></script>
<script src='https://unpkg.com/react-select/dist/react-select.js'></script>

<link rel='stylesheet' href='https://unpkg.com/react-select/dist/react-select.css'>

.mod-example
  .selectfield
    .field
      label Etiam malesuada quis
      div.policygenius-react-select-container#react-select-field-example
var options = [
    { value: '1', label: 'Aenean ac bibendum nisi' },
    { value: '2', label: 'Phasellus in laoreet quam' },
    { value: '3', label: 'Curabitur ex nibh, pharetra' },
  ];
  var reactSelect = React.createElement(
    Select,
    { options: options, placeholder: 'Donec placerat ipsum a nulla' }
  );

  ReactDOM.render(reactSelect, document.getElementById('react-select-field-example'));

React Select Box

<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js'></script>
<script src='https://unpkg.com/classnames/index.js'></script>
<script src='https://unpkg.com/react-input-autosize/dist/react-input-autosize.js'></script>
<script src='https://unpkg.com/react-select/dist/react-select.js'></script>

<link rel='stylesheet' href='https://unpkg.com/react-select/dist/react-select.css'>

.mod-example
  .policygenius-react-select-container
    .selectbox#react-select-box-example
var options = [
    { value: '1', label: 'Aenean ac bibendum nisi' },
    { value: '2', label: 'Phasellus in laoreet quam' },
    { value: '3', label: 'Curabitur ex nibh, pharetra' },
  ];
  var reactSelect = React.createElement(
    Select,
    { options: options, placeholder: 'Donec placerat ipsum a nulla' }
  );

  ReactDOM.render(reactSelect, document.getElementById('react-select-box-example'));