Merge pull request #182 from WestpacGEL/173-input-field-with-search-i…

…con-and-clear-button resolves #173 input field with search icon and clear button
WestpacGEL · Oct 24, 2023 · f1c8084 · f1c8084
2 parents 4dc0704 + ea42a97
commit f1c8084
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/src/components/input-field/input-field.scenarios.stories.tsx b/packages/ui/src/components/input-field/input-field.scenarios.stories.tsx
@@ -1,7 +1,7 @@
 import { type Meta, StoryFn, type StoryObj } from '@storybook/react';
 import { useCallback, useMemo, useState } from 'react';
 
-import { CloseIcon, RefreshIcon, SearchIcon, VisibilityIcon, VisibilityOffIcon } from '../icon/index.js';
+import { ClearIcon, RefreshIcon, SearchIcon, VisibilityIcon, VisibilityOffIcon } from '../icon/index.js';
 import { Button, Input, Select, Textarea } from '../index.js';
 
 import { InputField } from './input-field.component.js';
@@ -85,7 +85,7 @@ export const SearchWithLeftIconAndClearButton: Story = {
         }}
         after={{
           inset: true,
-          element: <Button onClick={clearInput} look="link" iconAfter={CloseIcon} iconColor="muted" />,
+          element: <Button onClick={clearInput} look="link" iconAfter={ClearIcon} iconColor="muted" />,
         }}
       >
         <Input onChange={({ target: { value } }) => setInputValue(value)} value={inputValue} />