Use form preview for form components

thisisdano · thisisdano · commit a04dd7c798d0 · 2021-01-05T15:05:12.000-08:00
diff --git a/src/components/_uswds-form.njk b/src/components/_uswds-form.njk
@@ -0,0 +1,8 @@
+{% extends '_uswds.njk' %}
+{% block body %}
+  <div class="grid-container padding-x-2 tablet-padding-x-4 padding-y-4">
+    <form class="usa-form">
+      {{ yield | safe }}
+    </form>
+  </div>
+{% endblock %}
diff --git a/src/components/checkboxes/checkboxes.config.yml b/src/components/checkboxes/checkboxes.config.yml
@@ -0,0 +1 @@
+preview: "@uswds-form"
diff --git a/src/components/combo-box/combo-box.config.yml b/src/components/combo-box/combo-box.config.yml
@@ -1,6 +1,6 @@
 label: Combo Box
 status: ready
-preview: "@uswds-framed"
+preview: "@uswds-form"
 
 variants:
   - name: default
diff --git a/src/components/date-input/date-input.config.yml b/src/components/date-input/date-input.config.yml
@@ -0,0 +1 @@
+preview: "@uswds-form"
diff --git a/src/components/date-picker/date-picker.config.yml b/src/components/date-picker/date-picker.config.yml
@@ -1,6 +1,6 @@
 label: Date Picker
 status: ready
-preview: "@uswds-framed"
+preview: "@uswds-form"
 
 variants:
   - name: default
diff --git a/src/components/date-range-picker/date-range-picker.config.yml b/src/components/date-range-picker/date-range-picker.config.yml
@@ -0,0 +1 @@
+preview: "@uswds-form"
diff --git a/src/components/dropdown/dropdown.config.yml b/src/components/dropdown/dropdown.config.yml
@@ -0,0 +1 @@
+preview: "@uswds-form"
diff --git a/src/components/radio-buttons/radio-buttons.config.yml b/src/components/radio-buttons/radio-buttons.config.yml
@@ -0,0 +1 @@
+preview: "@uswds-form"
diff --git a/src/components/range-input/range-input.config.yml b/src/components/range-input/range-input.config.yml
@@ -0,0 +1 @@
+preview: "@uswds-form"
diff --git a/src/components/text-input/text-input.config.yml b/src/components/text-input/text-input.config.yml
@@ -0,0 +1 @@
+preview: "@uswds-form"
diff --git a/src/components/time-picker/time-picker.config.yml b/src/components/time-picker/time-picker.config.yml
@@ -0,0 +1 @@
+preview: "@uswds-form"
