add better customization

ripe-tech · Nov 2, 2023 · 3f6195e · 3f6195e
1 parent 183fe8d
commit 3f6195e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 9 deletions.
diff --git a/vue/components/ui/organisms/details-expandable/details-expandable.stories.js b/vue/components/ui/organisms/details-expandable/details-expandable.stories.js
@@ -42,9 +42,6 @@ storiesOf("Components/Organisms/Details Expandable", module)
                 v-bind:data="data"
                 v-bind:label-font-size="fontSize"
             >
-            <template v-slot="slotProps">
-                <input-ripe v-bind:value=slotProps.fieldValue></input-ripe>
-            </template>
             <template v-slot:customer-address>
                 <input-ripe v-bind:style="'width: 50%'" v-bind:value="data.customer.address.city"></input-ripe>
             </template>
@@ -54,8 +51,3 @@ storiesOf("Components/Organisms/Details Expandable", module)
             </details-expandable-ripe>
         `
     }));
-
-
-
-
-
diff --git a/vue/components/ui/organisms/details-expandable/details-expandable.vue b/vue/components/ui/organisms/details-expandable/details-expandable.vue
@@ -5,7 +5,8 @@
             <div class="details-expandable-row" v-for="(value, name, subIndex) in section" v-bind:key="subIndex">
                 <label-ripe class="details-expandable-title" v-bind:text="capitalizeName(name)" v-bind:font-size="labelFontSize" />
                 <div class="details-expandable-value">
-                    <slot v-bind:name="sectionName + '-' + name" v-bind:field-value="value" />
+                    <slot v-bind:name="sectionName + '-' + name" v-bind:field-value="value"><input-ripe v-bind:value="value" />
+                    </slot>
                 </div>
             </div>
             <icon class="details-expandable-caret" v-bind:icon="isExpanded[sectionName] ? 'chevron-up' : 'chevron-down'" />