Sha256: 51f57f17b73e0dee32578e95b64a10aa2d54468eba0f0a4bee765579888b3d5b
Contents?: true
Size: 1.76 KB
Versions: 13
Compression:
Stored size: 1.76 KB
Contents
Rev.pullInto(this) 'Row', 'Col', 'Form', 'Input', 'Textarea', 'Checkbox', 'Radio', 'Select', 'Option', 'Switch'
Rev.registerExample '<Form> with <Input>, <Textarea>',
render: ->
<div>
<Form>
<Row>
<Col><Input type="text" placeholder="Has a placeholder but no label" /></Col>
<Col><Input type="text" label="This one has a label" /></Col>
<Col large=6>
<Input type="text" label="Another Error" error="Invalid entry" />
</Col>
<Col large=6>
<Input type="text" label="Yet Another Error" error="Invalid entry" />
</Col>
<Col>
<Input
dom="textarea"
label="You can override the inner DOM tag"
placeholder='<Input dom={React.DOM.textarea}>'
/>
<Textarea
label="This one has an error"
placeholder="Or you can just use a <Textarea /> component"
error="Invalid entry"
/>
</Col>
<Col>
<Input type="checkbox" label="One" />
<Checkbox label="Two" />
</Col>
<Col>
<Input type="radio" name="myRadio" label="This" />
<Radio name="myRadio" label="That" />
</Col>
<Col>
<Input dom="select" label="Pick something">
<option value="one">one</option>
<option value="two">two</option>
</Input>
<Select label="Pick another thing" error="Oh no a thing is wrong!" defaultValue="two">
<Option value="one">1</Option>
<Option value="two">2</Option>
</Select>
</Col>
<Col><Switch />{"This is a <Switch>"}</Col>
</Row>
</Form>
</div>
Version data entries
13 entries across 13 versions & 1 rubygems