feat(Layout): include LabelsExample in Layout

cbfx · cbfx · commit df1baa4eb0e9 · 2016-03-09T21:53:33.000-06:00
diff --git a/example/js/LabelsExample.jsx b/example/js/LabelsExample.jsx
@@ -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;
diff --git a/example/js/Layout.jsx b/example/js/Layout.jsx
@@ -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() {
@@ -17,6 +18,7 @@ class Layout extends React.Component {
             <DropdownsExample/>
             <TetherExample/>
             <TooltipExample/>
+            <LabelsExample/>
           </div>
         </div>
       </div>
