Skip to content

Commit

Permalink
Merge pull request react-bootstrap#1965 from joshuahenson/docs
Browse files Browse the repository at this point in the history
Add required id to tooltip examples
  • Loading branch information
jquense authored Jun 17, 2016
2 parents a74a4ae + 4902e2f commit 8df3581
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 10 deletions.
8 changes: 4 additions & 4 deletions docs/examples/TooltipBasic.js
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
const tooltipInstance = (
<div>
<Tooltip placement="right" className="in">
<Tooltip placement="right" className="in" id="tooltip-right">
Tooltip right
</Tooltip>

<Tooltip placement="top" className="in">
<Tooltip placement="top" className="in" id="tooltip-top">
Tooltip top
</Tooltip>

<Tooltip placement="left" className="in">
<Tooltip placement="left" className="in" id="tooltip-left">
Tooltip left
</Tooltip>

<Tooltip placement="bottom" className="in">
<Tooltip placement="bottom" className="in" id="tooltip-bottom">
Tooltip bottom
</Tooltip>
</div>
Expand Down
10 changes: 5 additions & 5 deletions docs/examples/TooltipInCopy.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
const LinkWithTooltip = React.createClass({
render() {
let tooltip = <Tooltip>{this.props.tooltip}</Tooltip>;
let tooltip = <Tooltip id={this.props.id}>{this.props.tooltip}</Tooltip>;

return (
<OverlayTrigger
Expand All @@ -15,12 +15,12 @@ const LinkWithTooltip = React.createClass({

const copyInstance = (
<p className="muted" style={{ marginBottom: 0 }}>
Tight pants next level keffiyeh <LinkWithTooltip tooltip="Default tooltip" href="#">you probably</LinkWithTooltip> haven't
Tight pants next level keffiyeh <LinkWithTooltip tooltip="Default tooltip" href="#" id="tooltip-1">you probably</LinkWithTooltip> haven't
heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's
fixie sustainable quinoa 8-bit american apparel <LinkWithTooltip tooltip={<span>Another <strong>tooltip</strong></span>} href="#">have a</LinkWithTooltip>
fixie sustainable quinoa 8-bit american apparel <LinkWithTooltip tooltip={<span>Another <strong>tooltip</strong></span>} href="#" id="tooltip-2">have a</LinkWithTooltip>
terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four
loko mcsweeney's cleanse vegan chambray. A really ironic artisan <LinkWithTooltip tooltip="Another one here too" href="#">whatever keytar</LinkWithTooltip>,
scenester farm-to-table banksy Austin <LinkWithTooltip tooltip="The last tip!" href="#">twitter handle</LinkWithTooltip> freegan
loko mcsweeney's cleanse vegan chambray. A really ironic artisan <LinkWithTooltip tooltip="Another one here too" href="#" id="tooltip-3">whatever keytar</LinkWithTooltip>,
scenester farm-to-table banksy Austin <LinkWithTooltip tooltip="The last tip!" href="#" id="tooltip-4">twitter handle</LinkWithTooltip> freegan
cred raw denim single-origin coffee viral.
</p>
);
Expand Down
2 changes: 1 addition & 1 deletion docs/examples/TooltipPositioned.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

const tooltip = (
<Tooltip><strong>Holy guacamole!</strong> Check this info.</Tooltip>
<Tooltip id="tooltip"><strong>Holy guacamole!</strong> Check this info.</Tooltip>
);

const positionerInstance = (
Expand Down

0 comments on commit 8df3581

Please sign in to comment.