var Select = rsui.input.Select;
    options = ["One", "Two", "Three"];
var component = (
  <div>
    <p>
      options can be provided as an array of strings
    </p>
    <Select name="simple" defaultChecked={true} options={options}/>
  </div>
);

options can be provided as an array of strings

var Select = rsui.input.Dropdown;
    options = [{label: "One", value: "1"}, {label: "Two", value: "2"}, {label: "Three", value: "3"}];
var component = (
  <div>
    <p>
      options can be provided as an array of hash values
    </p>
    <Select name="simple" defaultChecked={true} options={options} placeholder="Select something"/>
  </div>
);

options can be provided as an array of hash values

var Select = rsui.input.Dropdown;
    options = [{label: "One", value: "1"}, {label: "Two", value: "2"}, {label: "Three", value: "3"}];
var component = (
  <div>
    <p>
      use the "type" attribute to change the component rendering
    </p>
    <Select type="selection" name="simple" defaultChecked={true} options={options} placeholder="Select something"/>
  </div>
);

use the "type" attribute to change the component rendering

var Select = rsui.input.Dropdown;
    options = [{label: "One", value: "1"}, {label: "Two", value: "2"}, {label: "Three", value: "3"}];
var component = (
  <div>
    <p>
      add className="error" to show in an error state
    </p>
    <Select type="selection" className="error" name="simple" defaultChecked={true} options={options} placeholder="Select something"/>
  </div>
);

add className="error" to show in an error state

Dropdown

Simple Select

basic Dropdown component

styled Dropdown component

error styling