feature/responsive #22
@@ -34,8 +34,6 @@ const { Story } = defineMeta({
|
|||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
let defaultSearchValue = $state('');
|
let defaultSearchValue = $state('');
|
||||||
let withLabelValue = $state('');
|
|
||||||
let noChildrenValue = $state('');
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Story
|
<Story
|
||||||
@@ -45,26 +43,5 @@ let noChildrenValue = $state('');
|
|||||||
placeholder: 'Type here...',
|
placeholder: 'Type here...',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<SearchBar bind:value={defaultSearchValue} placeholder="Type here..."> </SearchBar>
|
<SearchBar bind:value={defaultSearchValue} placeholder="Type here..." />
|
||||||
</Story>
|
|
||||||
|
|
||||||
<Story
|
|
||||||
name="With Label"
|
|
||||||
args={{
|
|
||||||
value: withLabelValue,
|
|
||||||
placeholder: 'Search products...',
|
|
||||||
label: 'Search',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<SearchBar bind:value={withLabelValue} placeholder="Search products..." label="Search"> </SearchBar>
|
|
||||||
</Story>
|
|
||||||
|
|
||||||
<Story
|
|
||||||
name="Minimal Content"
|
|
||||||
args={{
|
|
||||||
value: noChildrenValue,
|
|
||||||
placeholder: 'Quick search...',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<SearchBar bind:value={noChildrenValue} placeholder="Quick search..."> </SearchBar>
|
|
||||||
</Story>
|
</Story>
|
||||||
|
|||||||
Reference in New Issue
Block a user