Skip to content

Commit

Permalink
feat(Layout): include LabelsExample in Layout
Browse files Browse the repository at this point in the history
  • Loading branch information
cbfx committed Mar 10, 2016
1 parent 2856cd0 commit df1baa4
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 0 deletions.
42 changes: 42 additions & 0 deletions example/js/LabelsExample.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
/* eslint react/no-multi-comp: 0, react/prop-types: 0 */

import React from 'react';
import { Label } from 'lib/index';

class LabelsExample extends React.Component {
render() {
return (
<div>
<h3>Labels</h3>
<hr/>
<p>Scale to parent</p>
<h1>Heading <Label>New</Label></h1>
<h2>Heading <Label>New</Label></h2>
<h3>Heading <Label>New</Label></h3>
<h4>Heading <Label>New</Label></h4>
<h5>Heading <Label>New</Label></h5>
<h6>Heading <Label>New</Label></h6>
<p>Variations</p>
<p>
<Label>default</Label>&nbsp;
<Label color="primary">primary</Label>&nbsp;
<Label color="success">success</Label>&nbsp;
<Label color="info">info</Label>&nbsp;
<Label color="warning">warning</Label>&nbsp;
<Label color="danger">danger</Label>
</p>
<p>Pills</p>
<p>
<Label color="default" pill>default</Label>&nbsp;
<Label color="primary" pill>primary</Label>&nbsp;
<Label color="success" pill>success</Label>&nbsp;
<Label color="info" pill>info</Label>&nbsp;
<Label color="warning" pill>warning</Label>&nbsp;
<Label color="danger" pill>danger</Label>
</p>
</div>
);
}
}

export default LabelsExample;
2 changes: 2 additions & 0 deletions example/js/Layout.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import ButtonsExample from './ButtonsExample';
import DropdownsExample from './DropdownsExample';
import TetherExample from './TetherExample';
import TooltipExample from './TooltipExample';
import LabelsExample from './LabelsExample';

class Layout extends React.Component {
render() {
Expand All @@ -17,6 +18,7 @@ class Layout extends React.Component {
<DropdownsExample/>
<TetherExample/>
<TooltipExample/>
<LabelsExample/>
</div>
</div>
</div>
Expand Down

0 comments on commit df1baa4

Please sign in to comment.