fix(TypeAheadSelect): add a storybook example for controlled input value

affects: patternfly-react
patternfly · Jun 19, 2018 · 64e2ca4 · 64e2ca4
1 parent 0115d53
commit 64e2ca4
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/patternfly-react/src/components/TypeaheadSelect/TypeAheadSelect.stories.js b/packages/patternfly-react/src/components/TypeaheadSelect/TypeAheadSelect.stories.js
@@ -215,3 +215,23 @@ TypeAheadSelectStories.addWithInfo('Using Async Calls', () => {
     </div>
   );
 });
+
+TypeAheadSelectStories.addWithInfo('Controlled input value', () => (
+  <div className="container">
+    <br />
+    <br />
+    <br />
+    <h2>Controlled input value</h2>
+    <p>
+      <strong>
+        A default value will be shown when the component is rendered.
+      </strong>
+    </p>
+    <TypeAheadSelect
+      defaultInputValue="Denmark"
+      options={Mocks.countries}
+      labelKey="name"
+      placeholder="Choose a state..."
+    />
+  </div>
+));