From 37d0fbee7fd871dfbdcc5868d4d66af2d67abee9 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Tue, 20 Jun 2017 17:11:37 -0400
Subject: [PATCH] Add Form HTML to search component

---
 starwars/src/app/search/search.component.html |  8 +++++---
 use_an_api.md                                 | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/starwars/src/app/search/search.component.html b/starwars/src/app/search/search.component.html
index 2536349..e765724 100644
--- a/starwars/src/app/search/search.component.html
+++ b/starwars/src/app/search/search.component.html
@@ -1,3 +1,5 @@
-<p>
-  search works!
-</p>
+<section>
+    <h2>Search For A Star Wars Character</h2>
+    <input type="text" placeholder="Character Name"/>
+    <input type="submit" value="Search"/>
+</section>
diff --git a/use_an_api.md b/use_an_api.md
index 084ddba..7e6a6bf 100644
--- a/use_an_api.md
+++ b/use_an_api.md
@@ -6,6 +6,7 @@
 1. Generate a new component
 1. Clean up app.component.html
 1. Add search component to app
+1. Add Form HTML to search component
 
 ## Create a new app
 
@@ -31,7 +32,21 @@ Set `src/app/app.component.html` contents to:
 
 ## Add search component to app
 
+Edit `src/app/app.component.html`:
+
 ```html
 <h1>Star Wars Character Search App</h1>
 <app-search></app-search>
 ```
+
+## Add Form HTML to search component
+
+Edit `src/app/search/search.component.html`:
+
+```html
+<section>
+    <h2>Search For A Star Wars Character</h2>
+    <input type="text" placeholder="Character Name"/>
+    <input type="submit" value="Search"/>
+</section>
+```