2017-10-11 17:56:24 +03:00
|
|
|
```jsx
|
2017-05-18 21:21:33 +03:00
|
|
|
<Select>
|
|
|
|
<option selected disabled>Select a datacenter</option>
|
|
|
|
<option>Amsterdam, EU</option>
|
|
|
|
<option>San Francisco, USA</option>
|
|
|
|
<option>Seoul, South Korea</option>
|
|
|
|
<option>Tokyo, Japan</option>
|
|
|
|
</Select>
|
|
|
|
```
|
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
#### Select > Disabled
|
2017-05-18 21:21:33 +03:00
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
```jsx
|
2017-05-18 21:21:33 +03:00
|
|
|
const FormGroup = require('./group').default;
|
|
|
|
const Label = require('./label').default;
|
|
|
|
|
|
|
|
<FormGroup>
|
2017-10-11 17:56:24 +03:00
|
|
|
<Label disabled>Your location</Label>
|
2017-05-18 21:21:33 +03:00
|
|
|
<Select disabled>
|
|
|
|
<option selected disabled>Select Location</option>
|
|
|
|
<option value='1'>Amsterdam, EU</option>
|
|
|
|
<option>San Francisco, USA</option>
|
|
|
|
<option>Seoul, South Korea</option>
|
|
|
|
<option>Tokyo, Japan</option>
|
|
|
|
</Select>
|
|
|
|
</FormGroup>
|
|
|
|
```
|
|
|
|
|
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
#### Select > Warning
|
2017-05-18 21:21:33 +03:00
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
```jsx
|
2017-05-18 21:21:33 +03:00
|
|
|
const FormMeta = require('./meta').default;
|
|
|
|
const FormGroup = require('./group').default;
|
|
|
|
const Label = require('./label').default;
|
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
<FormGroup>
|
|
|
|
<Label>Your location</Label>
|
|
|
|
<Select>
|
|
|
|
<option>Amsterdam, EU</option>
|
|
|
|
<option>San Francisco, USA</option>
|
|
|
|
<option>Seoul, South Korea</option>
|
|
|
|
<option>Tokyo, Japan</option>
|
|
|
|
</Select>
|
|
|
|
<FormMeta warning>
|
|
|
|
Unexpected children warning!
|
|
|
|
</FormMeta>
|
|
|
|
</FormGroup>
|
2017-05-18 21:21:33 +03:00
|
|
|
```
|
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
#### Select > Error
|
2017-05-18 21:21:33 +03:00
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
```jsx
|
2017-05-18 21:21:33 +03:00
|
|
|
const FormMeta = require('./meta').default;
|
|
|
|
const FormGroup = require('./group').default;
|
|
|
|
const Label = require('./label').default;
|
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
<FormGroup>
|
|
|
|
<Label>Your location</Label>
|
|
|
|
<Select>
|
|
|
|
<option>Amsterdam, EU</option>
|
|
|
|
<option>San Francisco, USA</option>
|
|
|
|
<option>Seoul, South Korea</option>
|
|
|
|
<option>Tokyo, Japan</option>
|
|
|
|
</Select>
|
|
|
|
<FormMeta error>
|
|
|
|
Unexpected children error!
|
|
|
|
</FormMeta>
|
|
|
|
</FormGroup>
|
2017-05-18 21:21:33 +03:00
|
|
|
```
|
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
#### Select > Success
|
2017-05-18 21:21:33 +03:00
|
|
|
|
2017-10-11 17:56:24 +03:00
|
|
|
```jsx
|
2017-05-18 21:21:33 +03:00
|
|
|
const FormMeta = require('./meta').default;
|
|
|
|
const FormGroup = require('./group').default;
|
|
|
|
const Label = require('./label').default;
|
|
|
|
|
|
|
|
<FormGroup>
|
|
|
|
<Label>Your location</Label>
|
|
|
|
<Select>
|
|
|
|
<option>Amsterdam, EU</option>
|
|
|
|
<option>San Francisco, USA</option>
|
|
|
|
<option>Seoul, South Korea</option>
|
|
|
|
<option>Tokyo, Japan</option>
|
|
|
|
</Select>
|
2017-10-11 17:56:24 +03:00
|
|
|
<FormMeta success>
|
|
|
|
Unexpected children success!
|
2017-05-18 21:21:33 +03:00
|
|
|
</FormMeta>
|
|
|
|
</FormGroup>
|
2017-10-11 17:56:24 +03:00
|
|
|
```
|