diff --git a/src/components/splitbutton/SplitButton.d.ts b/src/components/splitbutton/SplitButton.d.ts index 8a4ec8ca93..9258462cc6 100644 --- a/src/components/splitbutton/SplitButton.d.ts +++ b/src/components/splitbutton/SplitButton.d.ts @@ -14,8 +14,10 @@ export interface SplitButtonProps { disabled?: boolean; style?: object; className?: string; + buttonClassName?: string; menuStyle?: object; menuClassName?: string; + menuButtonClassName?: string; tabIndex?: number; appendTo?: SplitButtonAppendToType; tooltip?: string; diff --git a/src/components/splitbutton/SplitButton.js b/src/components/splitbutton/SplitButton.js index adf5f437e3..56f4970ae6 100644 --- a/src/components/splitbutton/SplitButton.js +++ b/src/components/splitbutton/SplitButton.js @@ -18,8 +18,10 @@ export class SplitButton extends Component { disabled: null, style: null, className: null, + buttonClassName: null, menuStyle: null, menuClassName: null, + menuButtonClassName: null, tabIndex: null, appendTo: null, tooltip: null, @@ -40,8 +42,10 @@ export class SplitButton extends Component { disabled: PropTypes.bool, style: PropTypes.object, className: PropTypes.string, + buttonClassName: PropTypes.string, menuStyle: PropTypes.object, menuClassName: PropTypes.string, + menuButtonClassName: PropTypes.string, tabIndex: PropTypes.number, appendTo: PropTypes.oneOfType([PropTypes.object, PropTypes.string]), tooltip: PropTypes.string, @@ -241,15 +245,17 @@ export class SplitButton extends Component { render() { let className = classNames('p-splitbutton p-component', this.props.className, { 'p-disabled': this.props.disabled }); + let buttonClassName = classNames('p-splitbutton-defaultbutton', this.props.buttonClassName); + let menuButtonClassName = classNames('p-splitbutton-menubutton', this.props.menuButtonClassName); let items = this.renderItems(); const buttonContent = this.props.buttonTemplate ? ObjectUtils.getJSXElement(this.props.buttonTemplate, this.props) : null; return (
this.container = el}> - -