Codesandbox samples removed

This commit is contained in:
tugcekucukoglu 2024-01-30 11:16:35 +03:00
parent 13e5910259
commit b11f12c7ef
217 changed files with 294 additions and 307 deletions

View file

@ -1,15 +1,15 @@
<template>
<DocSectionText v-bind="$attrs">
<p>An existing pass through configuration is customized with the <i>usePassThrough</i> utility. The first parameter is the object to customize, the second parameter is the customizations and the final parameter is the merge strategy.</p>
<DocSectionCode :code="code1" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<DocSectionCode :code="code1" hideToggleCode importCode hideStackBlitz />
<p>
The <i>mergeSections</i> defines whether the sections from the main configuration gets added and the <i>mergeProps</i> controls whether to override or merge the defined props. Defaults are <i>true</i> for <i>mergeSections</i> and
<i>false</i> for <i>mergeProps</i>.
</p>
<DocSectionCode :code="code2" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<DocSectionCode :code="code3" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<DocSectionCode :code="code4" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<DocSectionCode :code="code5" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<DocSectionCode :code="code2" hideToggleCode importCode hideStackBlitz />
<DocSectionCode :code="code3" hideToggleCode importCode hideStackBlitz />
<DocSectionCode :code="code4" hideToggleCode importCode hideStackBlitz />
<DocSectionCode :code="code5" hideToggleCode importCode hideStackBlitz />
</DocSectionText>
</template>
@ -56,7 +56,7 @@ const CustomPreset = usePassThrough(
{ mergeSections: true, mergeProps: false }
);
// Output:
// Output:
// panel.header.class => 'my_panel_header'
// panel.title.class => Tailwind.panel.title.class
`
@ -73,7 +73,7 @@ const CustomPreset = usePassThrough(
{ mergeSections: true, mergeProps: true }
);
// Output:
// Output:
// panel.header.class => [Tailwind.panel.header.class, 'my_panel_header']
// panel.title.class => Tailwind.panel.title.class
`
@ -90,7 +90,7 @@ const CustomPreset = usePassThrough(
{ mergeSections: false, mergeProps: true }
);
// Output:
// Output:
// panel.header.class => [Tailwind.panel.header.class, 'my_panel_header']
// panel.title.class => undefined
`
@ -107,7 +107,7 @@ const CustomPreset = usePassThrough(
{ mergeSections: false, mergeProps: false }
);
// Output:
// Output:
// panel.header.class => 'my_panel_header'
// panel.title.class => undefined
`