diff --git a/README.md b/README.md index d05b313..2e492dd 100644 --- a/README.md +++ b/README.md @@ -58,8 +58,10 @@ or your own icons by specifying as so: SortDesc: , Unsorted: , Loading: , + CheckboxChecked: , + CheckboxUnchecked: , }} /> ``` -Unspecified icons will not show. +Unspecified icons will not show (excl. RemoveFavourite, SortAsc, SortDesc, CheckboxChecked, CheckboxUnchecked). diff --git a/src/ObjectList.js b/src/ObjectList.js index beffaf1..5dbbf67 100644 --- a/src/ObjectList.js +++ b/src/ObjectList.js @@ -94,6 +94,8 @@ class ObjectList extends Component { SortDesc: PropTypes.element, Unsorted: PropTypes.element, Loading: PropTypes.element, + CheckboxChecked: PropTypes.element, + CheckboxUnchecked: PropTypes.element, }), } diff --git a/src/actions-filters/ActionsFiltersContainer.js b/src/actions-filters/ActionsFiltersContainer.js index b96ec40..12807df 100644 --- a/src/actions-filters/ActionsFiltersContainer.js +++ b/src/actions-filters/ActionsFiltersContainer.js @@ -202,6 +202,8 @@ class ActionsFilterContainer extends Component { OpenIcon={icons.DropdownOpen} CloseIcon={icons.DropdownClose} OptionalFieldsIcon={icons.OptionalFields} + CheckboxCheckedIcon={icons.CheckboxChecked} + CheckboxUnCheckedIcon={icons.CheckboxUnchecked} /> diff --git a/src/actions-filters/OptionalField.js b/src/actions-filters/OptionalField.js index 960b117..6a3015b 100644 --- a/src/actions-filters/OptionalField.js +++ b/src/actions-filters/OptionalField.js @@ -14,10 +14,16 @@ export default class OptionalField extends React.Component { enabled: PropTypes.bool, /** the display text for the field */ name: PropTypes.string, + /** Icon to display when a field is enabled */ + CheckboxCheckedIcon: PropTypes.element, + /** Icon to display when a field is not enabled */ + CheckboxUnCheckedIcon: PropTypes.element, } static defaultProps = { enabled: false, + CheckboxCheckedIcon: , + CheckboxUnCheckedIcon: , } /** @@ -31,15 +37,11 @@ export default class OptionalField extends React.Component { } render() { - let checked - if (this.props.enabled) { - checked = (