Skip to content

Commit 8d8c0b4

Browse files
mattlystevoland
authored andcommitted
docs for before/afterButton
1 parent ce6bf66 commit 8d8c0b4

2 files changed

Lines changed: 5 additions & 1 deletion

File tree

docs/examples/InputAddons.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,10 @@ var inputAddonsInstance = (
44
<Input type="text" addonAfter=".00" />
55
<Input type="text" addonBefore="$" addonAfter=".00" />
66
<Input type="text" addonAfter={<Glyphicon glyph="music" />} />
7+
<Input type="text" buttonBefore={<Button>Before</Button>} />
8+
<Input type="text" buttonAfter={<DropdownButton title="Action">
9+
<MenuItem key="1">Item</MenuItem>
10+
</DropdownButton>} />
711
</form>
812
);
913

docs/src/ComponentsPage.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -512,7 +512,7 @@ var ComponentsPage = React.createClass({
512512
<p>Supports <code>select</code>, <code>textarea</code>, <code>static</code> as well as standard HTML input types.</p>
513513
<ReactPlayground codeText={fs.readFileSync(__dirname + '/../examples/InputTypes.js', 'utf8')} />
514514
<h2 id="input-addons">Add-ons</h2>
515-
<p>Use <code>addonBefore</code> and <code>addonAfter</code>. Does not support buttons directly, but they support anything that is renderable.
515+
<p>Use <code>addonBefore</code> and <code>addonAfter</code> for normal addons, <code>buttonBefore</code> and <code>buttonAfter</code> for button addons.
516516
Exotic configurations may require some css on your side.</p>
517517
<ReactPlayground codeText={fs.readFileSync(__dirname + '/../examples/InputAddons.js', 'utf8')} />
518518
<h2 id="input-validation">Validation</h2>

0 commit comments

Comments
 (0)