From 4d5735fa7cdac2edfa8c436d0bcd3d354a651d7d Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Thu, 23 Jun 2016 13:54:41 +0100
Subject: [PATCH] Use the button style to prompt for a file upload

---
 app/views/examples/example_form_elements.html | 15 +++++++++++++++
 app/views/snippets/form_file_upload.html      |  4 ++++
 2 files changed, 19 insertions(+)
 create mode 100644 app/views/snippets/form_file_upload.html

diff --git a/app/views/examples/example_form_elements.html b/app/views/examples/example_form_elements.html
index 1e9c3abc7..fb27c4ffd 100644
--- a/app/views/examples/example_form_elements.html
+++ b/app/views/examples/example_form_elements.html
@@ -494,6 +494,21 @@ <h2 class="heading-medium">
           </div>
         </div>
 
+        <div class="form-section">
+          <!--File upload -->
+          <div class="form-group">
+            {% include "snippets/form_file_upload.html" %}
+          </div>
+
+          <!--File upload with error -->
+          <div class="form-group error">
+            <span class="error-message">
+              Error message goes here
+            </span>
+            {% include "snippets/form_file_upload.html" %}
+          </div>
+        </div>
+
       </form>
 
       <div class="form-section">
diff --git a/app/views/snippets/form_file_upload.html b/app/views/snippets/form_file_upload.html
new file mode 100644
index 000000000..e120d2f7f
--- /dev/null
+++ b/app/views/snippets/form_file_upload.html
@@ -0,0 +1,4 @@
+<label class="button">
+  Upload a file
+  <input type="file" class="hidden" />
+</label>