Merge pull request #268 from alphagov/add-file-upload-example

Use the button style to prompt for a file upload
alphagov · Jun 29, 2016 · 108b5e6 · 108b5e6
2 parents 87d5c45 + 4d5735f
commit 108b5e6
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git 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
@@ -0,0 +1,4 @@
+<label class="button">
+  Upload a file
+  <input type="file" class="hidden" />
+</label>