feat: custom icon for clear in seachbar (callstack#965)

pdcprod · Jun 27, 2019 · c23d4eb · c23d4eb
1 parent adb3337
commit c23d4eb
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/Searchbar.tsx b/src/components/Searchbar.tsx
@@ -50,6 +50,10 @@ type Props = React.ComponentProps<typeof TextInput> & {
  * Custom color for icon, default will be derived from theme
  */
  iconColor?: string;
+ /**
+ * Custom icon for clear button, default will be icon close
+ */
+ clearIcon?: IconSource;
 };
 
 /**
@@ -133,6 +137,7 @@ class Searchbar extends React.Component<Props> {
  theme,
  style,
  iconColor: customIconColor,
+ clearIcon,
  inputStyle,
  ...rest
  } = this.props;
@@ -189,7 +194,7 @@ class Searchbar extends React.Component<Props> {
  color={value ? iconColor : 'rgba(255, 255, 255, 0)'}
  rippleColor={rippleColor}
  onPress={this._handleClearPress}
- icon="close"
+ icon={clearIcon || 'close'}
  accessibilityTraits="button"
  accessibilityComponentType="button"
  accessibilityRole="button"