diff --git a/packages/material-ui/src/ExpansionPanelSummary/ExpansionPanelSummary.d.ts b/packages/material-ui/src/ExpansionPanelSummary/ExpansionPanelSummary.d.ts index 922baea5816ce1..3e34eea848d44f 100644 --- a/packages/material-ui/src/ExpansionPanelSummary/ExpansionPanelSummary.d.ts +++ b/packages/material-ui/src/ExpansionPanelSummary/ExpansionPanelSummary.d.ts @@ -1,12 +1,14 @@ import * as React from 'react'; import { StandardProps } from '..'; import { ButtonBaseProps } from '../ButtonBase'; +import { IconButtonProps } from '../IconButton'; export interface ExpansionPanelSummaryProps extends StandardProps { disabled?: boolean; expanded?: boolean; expandIcon?: React.ReactNode; + IconButtonProps?: Partial; onChange?: React.ReactEventHandler<{}>; } diff --git a/packages/material-ui/src/ExpansionPanelSummary/ExpansionPanelSummary.js b/packages/material-ui/src/ExpansionPanelSummary/ExpansionPanelSummary.js index 73d0ea36dddca8..5f84db9f2de13f 100644 --- a/packages/material-ui/src/ExpansionPanelSummary/ExpansionPanelSummary.js +++ b/packages/material-ui/src/ExpansionPanelSummary/ExpansionPanelSummary.js @@ -99,6 +99,7 @@ class ExpansionPanelSummary extends React.Component { disabled, expanded, expandIcon, + IconButtonProps, onChange, ...other } = this.props; @@ -137,6 +138,7 @@ class ExpansionPanelSummary extends React.Component { component="div" tabIndex={-1} aria-hidden="true" + {...IconButtonProps} > {expandIcon} @@ -174,6 +176,10 @@ ExpansionPanelSummary.propTypes = { * The icon to display as the expand indicator. */ expandIcon: PropTypes.node, + /** + * Properties applied to the `TouchRipple` element wrapping the expand icon. + */ + IconButtonProps: PropTypes.object, /** * @ignore */ diff --git a/pages/api/expansion-panel-summary.md b/pages/api/expansion-panel-summary.md index 0dba68a098d32e..93b7f8b697ddcc 100644 --- a/pages/api/expansion-panel-summary.md +++ b/pages/api/expansion-panel-summary.md @@ -18,6 +18,7 @@ title: ExpansionPanelSummary API | children | node |   | The content of the expansion panel summary. | | classes | object |   | Override or extend the styles applied to the component. See [CSS API](#css-api) below for more details. | | expandIcon | node |   | The icon to display as the expand indicator. | +| IconButtonProps | object |   | Properties applied to the `TouchRipple` element wrapping the expand icon. | Any other properties supplied will be spread to the root element ([ButtonBase](/api/button-base)).