diff --git a/common/changes/office-ui-fabric-react/bugs-3858-clear-search-arialabel-ariadescription_2018-02-12-10-52.json b/common/changes/office-ui-fabric-react/bugs-3858-clear-search-arialabel-ariadescription_2018-02-12-10-52.json new file mode 100644 index 0000000000000..ef168edc60c71 --- /dev/null +++ b/common/changes/office-ui-fabric-react/bugs-3858-clear-search-arialabel-ariadescription_2018-02-12-10-52.json @@ -0,0 +1,9 @@ +{ + "changes": [{ + "packageName": "office-ui-fabric-react", + "comment": "Add clearButtonProps prop to SearchBox.types.ts with the IButtonPropsType. This is passed to the icon button in SearchBox.base.tsx", + "type": "minor" + }], + "packageName": "office-ui-fabric-react", + "email": "cohoov@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx b/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx index b1f33e8e3512b..46ccda1ed9abd 100644 --- a/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx +++ b/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx @@ -54,7 +54,7 @@ export class SearchBoxBase extends BaseComponent { value!.length > 0 &&
- +
} diff --git a/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.types.ts b/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.types.ts index 37d87853caa1f..92019602a7fb3 100644 --- a/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.types.ts +++ b/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.types.ts @@ -1,6 +1,7 @@ import * as React from 'react'; import { ITheme, IStyle } from '../../Styling'; import { IStyleFunction } from '../../Utilities'; +import { IButtonProps } from '../Button'; export interface ISearchBox { /** @@ -64,6 +65,11 @@ export interface ISearchBoxProps extends React.InputHTMLAttributes