diff --git a/packages/kaspersky-components/src/select/Select.stories.tsx b/packages/kaspersky-components/src/select/Select.stories.tsx index cead4cf..ebdf0ee 100644 --- a/packages/kaspersky-components/src/select/Select.stories.tsx +++ b/packages/kaspersky-components/src/select/Select.stories.tsx @@ -9,7 +9,7 @@ import { sbHideControls } from '@helpers/storybookHelpers' import { withMeta } from '@helpers/hocs/MetaComponent/withMeta' import Docs from './SelectDocs' import { Toggle } from '@src/toggle' -import { Label } from '@src/label' +import { Field } from '@src/field' import { Link } from '@src/link' import { P, Text } from '@src/typography' import { Tag } from '@src/tag' @@ -201,6 +201,25 @@ export const WithHeader: Story = { } } +export const WithShowSearchAndAllowClear: Story = { + render: (args: SelectProps) => { + return ( +
+

No mode

+ } /> +

Tags mode

+ } /> +

Multiple mode

+ } /> +
+ ) + }, + args: { + allowClear: true, + showSearch: true + } +} + export const CustomDropdown: Story = { render: (args: SelectProps) => { const [checked, setChecked] = React.useState(false) @@ -231,20 +250,16 @@ export const Tags: Story = { return (

Tags mode

-