diff --git a/src/components/input/MultiSelect.stories.ts b/src/components/input/MultiSelect.stories.ts index abea5eb72..5ae461cf9 100644 --- a/src/components/input/MultiSelect.stories.ts +++ b/src/components/input/MultiSelect.stories.ts @@ -14,7 +14,7 @@ const meta: Meta = { options: { control: 'object' }, - hasSearchBox: { + showSearchBox: { control: 'boolean', description: 'Toggle searchBar visibility' }, @@ -22,7 +22,7 @@ const meta: Meta = { control: 'boolean', description: 'Toggle selected count visibility' }, - hasClearButton: { + showClearButton: { control: 'boolean', description: 'Toggle clear button visibility' }, @@ -32,9 +32,9 @@ const meta: Meta = { }, args: { label: 'Select', - hasSearchBox: false, + showSearchBox: false, showSelectedCount: false, - hasClearButton: false, + showClearButton: false, searchPlaceholder: 'Search...' } } @@ -175,7 +175,7 @@ export const MultipleSelectors: Story = { export const WithSearchBox: Story = { ...Default, args: { - hasSearchBox: true + showSearchBox: true } } @@ -189,23 +189,23 @@ export const WithSelectedCount: Story = { export const WithClearButton: Story = { ...Default, args: { - hasClearButton: true + showClearButton: true } } export const AllHeaderFeatures: Story = { ...Default, args: { - hasSearchBox: true, + showSearchBox: true, showSelectedCount: true, - hasClearButton: true + showClearButton: true } } export const CustomSearchPlaceholder: Story = { ...Default, args: { - hasSearchBox: true, + showSearchBox: true, searchPlaceholder: 'Filter packages...' } } diff --git a/src/components/input/MultiSelect.vue b/src/components/input/MultiSelect.vue index 1192e5f22..4847e4f4b 100644 --- a/src/components/input/MultiSelect.vue +++ b/src/components/input/MultiSelect.vue @@ -10,19 +10,19 @@ :pt="pt" >