diff --git a/packages/blade/src/components/Input/SearchInput/SearchInput.stories.tsx b/packages/blade/src/components/Input/SearchInput/SearchInput.stories.tsx index 55ac41997c6..87e0fa27d9a 100644 --- a/packages/blade/src/components/Input/SearchInput/SearchInput.stories.tsx +++ b/packages/blade/src/components/Input/SearchInput/SearchInput.stories.tsx @@ -186,7 +186,7 @@ export default { category: propsCategory.KEYBOARD_PROPS, }, }, - hideClearButton:{ + hideClearButton: { control: { type: 'boolean', }, @@ -268,7 +268,7 @@ Default.storyName = 'Default'; export const SearchInputWithClearButtonHidden = SearchInputTemplate.bind({}); SearchInputWithClearButtonHidden.storyName = 'SearchInput with Clear Button Hidden'; SearchInputWithClearButtonHidden.args = { - hideClearButton:true, + hideClearButton: true, }; export const SearchInputHelpText = SearchInputTemplate.bind({}); SearchInputHelpText.storyName = 'SearchInput with Help Text'; diff --git a/packages/blade/src/components/Input/SearchInput/SearchInput.tsx b/packages/blade/src/components/Input/SearchInput/SearchInput.tsx index 88830898877..12c4cf9c074 100644 --- a/packages/blade/src/components/Input/SearchInput/SearchInput.tsx +++ b/packages/blade/src/components/Input/SearchInput/SearchInput.tsx @@ -59,12 +59,12 @@ type SearchInputCommonProps = Pick< * @default true */ showSearchIcon?: boolean; - /** + /** * Toggle the visibility of the clear button. * * @default false */ - hideClearButton?: boolean; + hideClearButton?: boolean; } & StyledPropsBlade; /* @@ -97,7 +97,7 @@ type SearchInputPropsWithLabel = { type SearchInputProps = (SearchInputPropsWithA11yLabel | SearchInputPropsWithLabel) & SearchInputCommonProps & { - hideClearButton?: boolean; + hideClearButton?: boolean; }; // need to do this to tell TS to infer type as SearchInput of React Native and make it believe that `ref.current.clear()` exists @@ -131,9 +131,8 @@ const _SearchInput: React.ForwardRefRenderFunction {