Initial Segment Example

Author: Josh Habdas

docs/app/Examples/elements/Segment/SegmentExamples.js

@@ -0,0 +1,16 @@
+import React, {Component} from 'react';
+import SegmentTypesExamples from './Types/SegmentTypesExamples';
+// import SegmentStatesExamples from './Types/SegmentStatesExamples';
+// import SegmentGroupsExamples from './Content/SegmentGroupsExamples';
+// import SegmentVariationsExamples from './Variations/SegmentVariationsExamples';
+
+export default class SegmentExamples extends Component {
+  render() {
+    return (
+      <div>
+        <SegmentTypesExamples />
+
+      </div>
+    );
+  }
+}

docs/app/Examples/elements/Segment/Types/SegmentSegmentExample.js

@@ -0,0 +1,12 @@
+import React, {Component} from 'react';
+import {Segment} from 'stardust';
+
+export default class SegmentSegmentExample extends Component {
+  render() {
+    return (
+      <Segment>
+        This is a segment.
+      </Segment>
+    );
+  }
+}

docs/app/Examples/elements/Segment/Types/SegmentTypesExamples.js

@@ -0,0 +1,17 @@
+import React, {Component} from 'react';
+import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample';
+import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection';
+
+export default class ListVariationsExamples extends Component {
+  render() {
+    return (
+      <ExampleSection title='Types'>
+        <ComponentExample
+          title='Segment'
+          description='A segment of content'
+          examplePath='elements/Segment/Types/SegmentSegmentExample'
+        />
+      </ExampleSection>
+    );
+  }
+}

src/views/Items/Item.js

@@ -10,7 +10,7 @@ export default class Item extends Component {
     className: PropTypes.string,
     contentClass: PropTypes.string,
     description: customPropTypes.mutuallyExclusive(['children']),
-    extra: PropTypes.node,
+    extra: PropTypes.node.isRequired,
     header: PropTypes.node,
     image: PropTypes.node,
     meta: PropTypes.node,