Fixed #1019 - added className support to SelectButtonItems

primefaces · Oct 14, 2019 · 5dd084d · 5dd084d
1 parent 8975694
commit 5dd084d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/selectbutton/SelectButton.js b/src/components/selectbutton/SelectButton.js
@@ -148,7 +148,7 @@ export class SelectButton extends Component {
             return this.props.options.map((option, index) => {
                 let optionLabel = this.getOptionLabel(option);
 
-                return <SelectButtonItem key={optionLabel} label={optionLabel} option={option} onClick={this.onOptionClick}
+                return <SelectButtonItem key={optionLabel} label={optionLabel} className={option.className} option={option} onClick={this.onOptionClick}
                             selected={this.isSelected(option)} tabIndex={this.props.tabIndex} disabled={this.props.disabled} />;
             });
         }

diff --git a/src/components/selectbutton/SelectButtonItem.js b/src/components/selectbutton/SelectButtonItem.js
@@ -7,6 +7,7 @@ export class SelectButtonItem extends Component {
     static defaultProps = {
         option: null,
         label: null,
+        className: null,
         selected: null,
         tabIndex: null,
         onClick: null
@@ -15,6 +16,7 @@ export class SelectButtonItem extends Component {
     static propTypes = {
         option: PropTypes.object,
         label: PropTypes.string,
+        className: PropTypes.string,
         selected: PropTypes.bool,
         tabIndex: PropTypes.number,
         onClick: PropTypes.func
@@ -60,7 +62,7 @@ export class SelectButtonItem extends Component {
     }
 
     render() {
-        let className = classNames('p-button p-component p-button-text-only', {
+        let className = classNames('p-button p-component p-button-text-only', this.props.className, {
             'p-highlight': this.props.selected,
             'p-disabled': this.props.disabled,
             'p-focus': this.state.focused