feat: matched text input URL slug to nav name, increased width of exa…

…mples for narrower layout
EnergySage · Sep 9, 2024 · 513c2e3 · 513c2e3
1 parent 01a3795
commit 513c2e3
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 16 deletions.
diff --git a/es-ds-docs/components/ds-molecules-list.vue b/es-ds-docs/components/ds-molecules-list.vue
@@ -61,7 +61,7 @@
             <ds-link to="/molecules/tabs"> Tabs </ds-link>
         </li>
         <li>
-            <ds-link to="/molecules/form-input"> Text input </ds-link>
+            <ds-link to="/molecules/text-input"> Text input </ds-link>
         </li>
     </ul>
 </template>
diff --git a/es-ds-docs/pages/atoms/corners.vue b/es-ds-docs/pages/atoms/corners.vue
@@ -16,7 +16,7 @@ const COMPONENT_NAME_URLS = {
     // TODO switch popover, textarea, and verification-code to the right route once they exist
     popover: '/molecules',
     textarea: '/molecules',
-    'text-input': '/molecules/form-input',
+    'text-input': '/molecules/text-input',
     'verification-code': '/molecules',
 };
 

diff --git a/es-ds-docs/pages/molecules/form-input.vue → es-ds-docs/pages/molecules/text-input.vue b/es-ds-docs/pages/molecules/form-input.vue → es-ds-docs/pages/molecules/text-input.vue
@@ -15,7 +15,7 @@ const docCode = ref('');
 if ($prism) {
     /* eslint-disable import/no-webpack-loader-syntax, import/no-self-import */
     const compSource = await import('@energysage/es-ds-components/components/es-form-input.vue?raw');
-    const docSource = await import('./form-input.vue?raw');
+    const docSource = await import('./text-input.vue?raw');
     /* eslint-enable import/no-webpack-loader-syntax, import/no-self-import */
 
     compCode.value = $prism.normalizeCode(compSource.default);
@@ -73,7 +73,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="basicExample"
                         v-model="form.firstName">
@@ -89,7 +89,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="requiredExample"
                         v-model="form.firstName"
@@ -106,7 +106,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="errorExample"
                         v-model="form.emailWrong"
@@ -124,7 +124,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="successExample"
                         v-model="form.emailCorrect"
@@ -142,7 +142,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="successMessageExample"
                         v-model="form.emailCorrect"
@@ -161,7 +161,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="disabledExample"
                         v-model="form.emailCorrect"
@@ -179,7 +179,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="placeholderExample"
                         v-model="form.phoneNumber"
@@ -200,7 +200,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="maskedExample"
                         v-model="form.maskedPhoneNumber"
@@ -224,7 +224,7 @@ const propTableRows = [
                     class="d-lg-flex"
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="hiddenLabelExample"
                         v-model="form.zipCode"
@@ -248,7 +248,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="prefixIconExample"
                         v-model="form.zipCode"
@@ -273,7 +273,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="contextAboveExample"
                         v-model="form.password"
@@ -291,7 +291,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="contextBelowExample"
                         v-model="form.password"
@@ -312,6 +312,6 @@ const propTableRows = [
             :comp-code="compCode"
             comp-source="es-ds-components/src/lib-components/es-form-input.vue"
             :doc-code="docCode"
-            doc-source="es-ds-docs/pages/molecules/form-input.vue" />
+            doc-source="es-ds-docs/pages/molecules/text-input.vue" />
     </div>
 </template>