{"_id":"@opuscapita/oc-cm-split-button","_rev":"30-041636eb1f5557d74595091c8e182dee","name":"@opuscapita/oc-cm-split-button","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@opuscapita/oc-cm-split-button","version":"1.0.0","author":{"url":"www.opuscapita.com","name":"OpusCapita"},"license":"MIT","_id":"@opuscapita/oc-cm-split-button@1.0.0","maintainers":[{"name":"abaliunov-sc","email":"baliunov@scand.com"},{"name":"alexanderdanilov","email":"adanilov@scand.com"},{"name":"alexeysergeev","email":"sab@scand.com"},{"name":"amourzenkov-sc","email":"andrei.mourzenkov@opuscapita.com"},{"name":"bo-kh","email":"boris.khorosh@gmail.com"},{"name":"dmitrydivin","email":"divin.dmitry@gmail.com"},{"name":"dsanko","email":"dsanko@scand.com"},{"name":"dzhitomirsky","email":"daniel.zhitomirsky@opuscapita.com"},{"name":"egor.stambakio","email":"egor.stambakio@opuscapita.com"},{"name":"elefantino","email":"net.tyumen@mail.ru"},{"name":"eriihine","email":"esa.riihinen@gmail.com"},{"name":"gr4per","email":"arne.graeper@opuscapita.com"},{"name":"havantkim","email":"kimmo.havantola@opuscapita.com"},{"name":"ilkkalehtinen","email":"ilkka.lehtinen@opuscapita.com"},{"name":"janek.bug","email":"janek.bug@gmail.com"},{"name":"jenni","email":"jenni.ristonmaa@gmail.com"},{"name":"kirillvolkovich","email":"kirill.volkovich@opuscapita.com"},{"name":"kwierchris","email":"christian.drengenberg@opuscapita.com"},{"name":"lukaszkepa","email":"lke.kemps@gmail.com"},{"name":"naniantero","email":"jani@geniem.com"},{"name":"nczeranka","email":"norbert.czeranka@opuscapita.com"},{"name":"nkovalenko-sc","email":"nikolai.kovalenko@opuscapita.com"},{"name":"ocmachineuser","email":"pim.machineuser@opuscapita.com"},{"name":"pdetmer","email":"detmerpiotr@gmail.com"},{"name":"samikarj","email":"samikarj@gmail.com"},{"name":"tamkov-sc","email":"tamkov@scand.com"}],"homepage":"https://github.com/OpusCapita/oc-cm-split-button#readme","bugs":{"url":"https://github.com/OpusCapita/oc-cm-split-button/issues"},"es":"lib/es/index.js","cjs":"lib/cjs/index.js","dist":{"shasum":"e8b085bcde1e170f208bcb2e9a47c9d6a5cfa5ec","tarball":"https://registry.npmjs.org/@opuscapita/oc-cm-split-button/-/oc-cm-split-button-1.0.0.tgz","fileCount":37,"integrity":"sha512-g/YRznrmgrEVEk9LHBxgAEvkxTfl63oVQoDKqzyGOym11dtuBtp8bBgcb72OibV3LoHpJwFYEvX2BsQN6N335Q==","signatures":[{"sig":"MEUCIB0996nuUnOfZCG6ahPqikt04hiPXnC/xbXSwB4l5naFAiEA6nvoXNSGC2OInnOi1sSU0K8pOLzC44n38OlBRwul3b4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15675438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbtbdqCRA9TVsSAnZWagAANX4P/R8Oce2mBrJ+aKf6Pf9q\nSmzPC86MIOhuth9inubQPSjZgUXYtzo0EmR7hw1AVHUSOAd1o8rT54w6U34H\n4WLbXPGiNiWgxhY/SilDMi6m0STpLlSdWorTJZA118VstHD9SMgXm+ODaA2i\nqY6bzB+C+1vXEuHDlA4RORUSD2UGXiWTEcUdpcO4W5NOztwFAywI6CzaLQym\nM81OUkhXwRg1XLpDqfdHXYxpaCg6PthXkiHkrAHHP1kn4Q7fizIgRCgZSdku\nTfkiixKXTjZrqRwXKFOzA6ncCN3g9OIGdVyYyO7QP+5NsouxJAya5VfIvvMz\necU6q8ld9iF07PEWGMlhVkKu7ukOKAZUH7OFf2DpabYf6cjqleOAF+wNHzTE\naUX6UXAKKFL4JktVYUxC1rDxFiHyt6FTTBELrYE0F/MmAJ5GXHgKkqwUsog+\n7PErNDHFD1DekjRIQZ9t2Ip4L0AwbMWBxqHWduSJYvtb54SQDTJWXh1sdNgr\nxNtShxsJcw2KAVX4P6avVd7wFo+Sm12Z7L/Xu2kHMUCIIkK6Af2sLQZL8k8w\n93cwaSanxY5J786/8Z1MPQMd75JQAqagJF0O4QHVXGkHiOO3n2W4GmxAXgfH\nwlWjN7nJS1GQsI5DIadNM/6FxNywOZ8SywdVgUhVizFNd3AnaZXcXYpJfXih\nCQyF\r\n=PIgC\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"moduleNameMapper":{"\\.(css|less|sass|scss)$":"identity-obj-proxy"}},"main":"lib/umd/oc-cm-split-button.js","engines":{"npm":">=5.4.0","node":">=6.10.0"},"gitHead":"7e9721cb4c646c4beaec8db66d3daad283e3ae23","private":false,"scripts":{"hot":"cross-env NODE_ENV=development BUILD_ENV=hot webpack-dev-server --config webpack.docs.hot.config.js","lint":"eslint --ext .jsx,.js src/ src_docs/","test":"cross-env NODE_ENV=production BUILD_ENV=test jest --coverage","build":"npm-run-all clean build:*","clean":"rimraf lib","watch":"npm-run-all --parallel watch:*","version":"npm run build && git add -A lib docs","build:es":"cross-env NODE_ENV=production BUILD_ENV=es babel src --out-dir lib/es --copy-files --source-maps inline","watch:es":"cross-env NODE_ENV=development BUILD_ENV=es babel ./src --out-dir lib/es --copy-files --watch","build:cjs":"cross-env NODE_ENV=production BUILD_ENV=cjs babel src --out-dir lib/cjs --copy-files --source-maps inline","build:umd":"cross-env NODE_ENV=development BUILD_ENV=umd webpack","storybook":"start-storybook -p 6006","watch:cjs":"cross-env NODE_ENV=development BUILD_ENV=cjs babel ./src --out-dir lib/cjs --copy-files --watch","watch:umd":"cross-env NODE_ENV=development BUILD_ENV=umd webpack --progress --colors --watch","build:docs":"cross-env NODE_ENV=production BUILD_ENV=umd webpack --config webpack.docs.config.js","preversion":"npm run lint && npm test","postversion":"git push && git push --tags","build:umd-min":"cross-env NODE_ENV=production BUILD_ENV=umd webpack","build:storybook":"build-storybook"},"_npmUser":{"name":"jenni","email":"jenni.ristonmaa@gmail.com"},"repository":{"url":"git+https://github.com/OpusCapita/oc-cm-split-button.git","type":"git"},"_npmVersion":"5.7.1","description":"OpusCapita OC CM split button","directories":{},"_nodeVersion":"8.12.0","dependencies":{"@opuscapita/react-dropdown":"2.1.1","@opuscapita/oc-cm-common-styles":"2.2.0","@opuscapita/oc-cm-common-layouts":"2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"chai":"4.1.2","jest":"23.5.0","jsdom":"11.11.0","mocha":"5.2.0","react":"16.4.1","sinon":"6.0.0","enzyme":"3.3.0","eslint":"4.19.1","precss":"3.1.2","rimraf":"2.6.2","webpack":"3.11.0","babel-cli":"6.26.0","cross-env":"5.2.0","immutable":"3.8.2","node-sass":"4.9.0","react-dom":"16.4.1","css-loader":"0.28.11","prop-types":"15.6.2","url-loader":"1.0.1","file-loader":"1.1.11","npm-run-all":"4.1.3","sass-loader":"7.0.3","autoprefixer":"8.6.3","babel-eslint":"8.2.3","babel-loader":"7.1.4","font-awesome":"4.7.0","global-jsdom":"4.2.0","react-router":"4.3.1","react-select":"1.2.1","style-loader":"0.21.0","ignore-styles":"5.0.1","webpack-merge":"4.1.3","babel-polyfill":"6.26.0","babel-register":"6.26.0","bootstrap-sass":"3.3.7","chai-immutable":"1.6.0","postcss-loader":"2.1.5","react-bootstrap":"0.32.1","@storybook/react":"3.4.8","babel-preset-env":"1.7.0","react-hot-loader":"4.3.3","react-router-dom":"4.3.1","react-svg-loader":"2.1.0","webpack-notifier":"1.6.0","styled-components":"3.3.3","babel-preset-react":"6.24.1","identity-obj-proxy":"3.0.0","webpack-dev-server":"2.11.2","eslint-plugin-react":"7.9.1","html-webpack-plugin":"3.2.0","react-test-renderer":"16.4.2","babel-preset-stage-1":"6.24.1","clean-webpack-plugin":"0.1.19","eslint-config-airbnb":"16.1.0","eslint-plugin-import":"2.12.0","@storybook/addon-knobs":"3.4.8","@storybook/addon-links":"3.4.7","eslint-plugin-jsx-a11y":"6.0.3","postcss-flexbugs-fixes":"3.3.1","webpack-node-externals":"1.7.2","enzyme-adapter-react-16":"1.1.1","@storybook/addon-actions":"3.4.8","@storybook/addon-options":"3.4.8","write-file-webpack-plugin":"4.3.2","progress-bar-webpack-plugin":"1.11.0","babel-plugin-react-transform":"3.0.0","babel-plugin-dynamic-import-node":"1.2.0","babel-plugin-transform-decorators-legacy":"1.3.5","babel-plugin-transform-react-remove-prop-types":"0.4.13"},"peerDependencies":{"react":"15 || 16","react-dom":"15 || 16","prop-types":"15","font-awesome":"4","styled-components":"3"},"_npmOperationalInternal":{"tmp":"tmp/oc-cm-split-button_1.0.0_1538635625201_0.5162967491963766","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@opuscapita/oc-cm-split-button","version":"1.0.1","author":{"url":"www.opuscapita.com","name":"OpusCapita"},"license":"MIT","_id":"@opuscapita/oc-cm-split-button@1.0.1","maintainers":[{"name":"abaliunov-sc","email":"baliunov@scand.com"},{"name":"alexanderdanilov","email":"adanilov@scand.com"},{"name":"alexeysergeev","email":"sab@scand.com"},{"name":"amourzenkov-sc","email":"andrei.mourzenkov@opuscapita.com"},{"name":"bo-kh","email":"boris.khorosh@gmail.com"},{"name":"dmitrydivin","email":"divin.dmitry@gmail.com"},{"name":"dsanko","email":"dsanko@scand.com"},{"name":"dzhitomirsky","email":"daniel.zhitomirsky@opuscapita.com"},{"name":"egor.stambakio","email":"egor.stambakio@opuscapita.com"},{"name":"elefantino","email":"net.tyumen@mail.ru"},{"name":"eriihine","email":"esa.riihinen@gmail.com"},{"name":"gr4per","email":"arne.graeper@opuscapita.com"},{"name":"havantkim","email":"kimmo.havantola@opuscapita.com"},{"name":"ilkkalehtinen","email":"ilkka.lehtinen@opuscapita.com"},{"name":"janek.bug","email":"janek.bug@gmail.com"},{"name":"jenni","email":"jenni.ristonmaa@gmail.com"},{"name":"jluukka","email":"joel.luukka@opuscapita.com"},{"name":"kirillvolkovich","email":"kirill.volkovich@opuscapita.com"},{"name":"kwierchris","email":"christian.drengenberg@opuscapita.com"},{"name":"lukaszkepa","email":"lke.kemps@gmail.com"},{"name":"naniantero","email":"jani@geniem.com"},{"name":"nczeranka","email":"norbert.czeranka@opuscapita.com"},{"name":"nkovalenko-sc","email":"nikolai.kovalenko@opuscapita.com"},{"name":"ocmachineuser","email":"pim.machineuser@opuscapita.com"},{"name":"pdetmer","email":"detmerpiotr@gmail.com"},{"name":"samikarj","email":"samikarj@gmail.com"},{"name":"tamkov-sc","email":"tamkov@scand.com"},{"name":"zjuice","email":"juhani.lindfors@opuscapita.com"}],"homepage":"https://github.com/OpusCapita/oc-cm-split-button#readme","bugs":{"url":"https://github.com/OpusCapita/oc-cm-split-button/issues"},"es":"lib/es/index.js","cjs":"lib/cjs/index.js","dist":{"shasum":"75ca24487758d2425c621fe1a952e8ae8b92f9bc","tarball":"https://registry.npmjs.org/@opuscapita/oc-cm-split-button/-/oc-cm-split-button-1.0.1.tgz","fileCount":20,"integrity":"sha512-H2riUm0kwXMgzEYSJVGXybpAN1ggfVNp3GnyUPqs8Ifg+oK2h6g8yNyrjkyYSdiD6d85gCkuPsUvdpcDcaXIfg==","signatures":[{"sig":"MEUCIHosTL4vH4qR29wmBNdnmiZfLZO0Ua9RH8c5BZUU6JXyAiEA1SWG7x4wEnbDuWxCO+xD0KNb4+NnRKJHJuqsCrJIOwo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10768232,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcLeZjCRA9TVsSAnZWagAAQQwP/2JWWe3IfKkEP0yV9QdQ\nziNkl9Dt66eXYQv+N461fY66MQbwpaZsEAae3xeWDkEQnUcsuH95sqE+5cVd\nTy1PLYVO5zxwme6VWIb0h3lq61Y0SD9BlISuOFS4eS+9FMtEdz9j0xusK5PP\nPvvA5yN6jzjW81pYRxr5OdOPwOaoaBXRo5lsGoBS8beGoHdIWDA0xOm1+7BE\nAzzLblHgWpHlQydMDlcTjYwrnii3qRPUAMZrL4OH6Xg2JjXWIaE9y/FFMxrQ\nvONobdyUAlcm28TQbjXZAfs8IiqnyTt70nhG9UDnsMYnTqYhH5BRhA3UW9RE\nVqzoDwSnFdDTXBF4c7F4USZWeBv/jt53nAiwLwEa+V+b1nzHlQ4dmAioUcR7\nxlI5Q/m1Qhtqj5yn1dHiFis9EtdFVAmOyj2u3Zt+B5Ux39sR7Rli+6k8DvGp\nQ83Aj55YXE/39KyjB0JHDDxbE+O80Fk1okQ658xVZLAXq12ZGB44CnNEUgrt\nwGyiZoVeor3QNIjNO+DWy8k2DTHN7rHu69XunVgfB6pJrwhLRXs7oWuzgsOX\nVwSRSSZdKyLaYILB6GcpRWVs+58Q8sE052rY6NqNnkrTGoWxs+xL+8sgBHO9\nCUPi9EQ7lGVFfmSt1YfJaTFRTlCCsjjkOVubLmZLILGPU1YTXeJgkM+KL5LG\najOy\r\n=Ac11\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"moduleNameMapper":{"\\.(css|less|sass|scss)$":"identity-obj-proxy"}},"main":"lib/umd/oc-cm-split-button.js","engines":{"npm":">=5.4.0","node":">=6.10.0"},"gitHead":"b7920bcff0f60cf1f88ad21465104e2af9c337f1","private":false,"scripts":{"hot":"cross-env NODE_ENV=development BUILD_ENV=hot webpack-dev-server --config webpack.docs.hot.config.js","lint":"eslint --ext .jsx,.js src/ src_docs/","test":"cross-env NODE_ENV=production BUILD_ENV=test jest --coverage","build":"npm-run-all clean build:*","clean":"rimraf lib","watch":"npm-run-all --parallel watch:*","version":"npm run build && git add -A lib docs","build:es":"cross-env NODE_ENV=production BUILD_ENV=es babel src --out-dir lib/es --copy-files --source-maps inline","watch:es":"cross-env NODE_ENV=development BUILD_ENV=es babel ./src --out-dir lib/es --copy-files --watch","build:cjs":"cross-env NODE_ENV=production BUILD_ENV=cjs babel src --out-dir lib/cjs --copy-files --source-maps inline","build:umd":"cross-env NODE_ENV=development BUILD_ENV=umd webpack","storybook":"start-storybook -p 6006","watch:cjs":"cross-env NODE_ENV=development BUILD_ENV=cjs babel ./src --out-dir lib/cjs --copy-files --watch","watch:umd":"cross-env NODE_ENV=development BUILD_ENV=umd webpack --progress --colors --watch","build:docs":"cross-env NODE_ENV=production BUILD_ENV=umd webpack --config webpack.docs.config.js","preversion":"npm run lint && npm test","postversion":"git push && git push --tags","build:umd-min":"cross-env NODE_ENV=production BUILD_ENV=umd webpack","build:storybook":"build-storybook"},"_npmUser":{"name":"jenni","email":"jenni.ristonmaa@gmail.com"},"repository":{"url":"git+https://github.com/OpusCapita/oc-cm-split-button.git","type":"git"},"_npmVersion":"6.4.1","description":"OpusCapita OC CM split button","directories":{},"_nodeVersion":"8.12.0","dependencies":{"@opuscapita/react-dropdown":"2.2.1","@opuscapita/oc-cm-common-styles":"3.0.0","@opuscapita/oc-cm-common-layouts":"2.5.3"},"_hasShrinkwrap":false,"devDependencies":{"raf":"3.4.1","chai":"4.2.0","jest":"23.6.0","jsdom":"13.1.0","mocha":"5.2.0","react":"16.7.0","sinon":"7.2.2","enzyme":"3.8.0","eslint":"5.11.1","precss":"4.0.0","rimraf":"2.6.3","webpack":"3.12.0","babel-cli":"6.26.0","cross-env":"5.2.0","immutable":"3.8.2","node-sass":"4.11.0","react-dom":"16.7.0","css-loader":"0.28.11","prop-types":"15.6.2","url-loader":"1.1.2","file-loader":"3.0.1","npm-run-all":"4.1.5","sass-loader":"7.1.0","autoprefixer":"9.4.3","babel-eslint":"10.0.1","babel-loader":"7.1.5","font-awesome":"4.7.0","global-jsdom":"4.2.0","react-router":"4.3.1","react-select":"2.2.0","style-loader":"0.23.1","ignore-styles":"5.0.1","webpack-merge":"4.1.5","babel-polyfill":"6.26.0","babel-register":"6.26.0","bootstrap-sass":"3.4.0","chai-immutable":"1.6.0","postcss-loader":"2.1.6","react-bootstrap":"0.32.4","@storybook/react":"4.1.4","babel-preset-env":"1.7.0","react-hot-loader":"4.3.11","react-router-dom":"4.3.1","react-svg-loader":"2.1.0","webpack-notifier":"1.7.0","styled-components":"4.1.3","babel-preset-react":"6.24.1","identity-obj-proxy":"3.0.0","webpack-dev-server":"2.11.3","eslint-plugin-react":"7.12.2","html-webpack-plugin":"2.30.1","react-test-renderer":"16.7.0","babel-preset-stage-1":"6.24.1","clean-webpack-plugin":"1.0.0","eslint-config-airbnb":"16.1.0","eslint-plugin-import":"2.14.0","@storybook/addon-knobs":"4.1.4","@storybook/addon-links":"4.1.4","eslint-plugin-jsx-a11y":"6.1.2","postcss-flexbugs-fixes":"4.1.0","webpack-node-externals":"1.7.2","enzyme-adapter-react-16":"1.7.1","@storybook/addon-actions":"4.1.4","@storybook/addon-options":"4.1.4","react-immutable-proptypes":"2.1.0","write-file-webpack-plugin":"4.5.0","progress-bar-webpack-plugin":"1.11.0","babel-plugin-react-transform":"3.0.0","babel-plugin-dynamic-import-node":"2.2.0","babel-plugin-transform-decorators-legacy":"1.3.5","babel-plugin-transform-react-remove-prop-types":"0.4.21"},"peerDependencies":{"react":"15 || 16","react-dom":"15 || 16","prop-types":"15","font-awesome":"4","styled-components":"4"},"_npmOperationalInternal":{"tmp":"tmp/oc-cm-split-button_1.0.1_1546511970795_0.4989531510077778","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-10-04T06:47:05.047Z","modified":"2026-04-15T16:05:38.322Z","1.0.0":"2018-10-04T06:47:06.267Z","1.0.1":"2019-01-03T10:39:31.029Z"},"bugs":{"url":"https://github.com/OpusCapita/oc-cm-split-button/issues"},"author":{"url":"www.opuscapita.com","name":"OpusCapita"},"license":"MIT","homepage":"https://github.com/OpusCapita/oc-cm-split-button#readme","repository":{"url":"git+https://github.com/OpusCapita/oc-cm-split-button.git","type":"git"},"description":"OpusCapita OC CM split button","maintainers":[{"email":"kacpermklosowski@gmail.com","name":"kuos"},{"email":"pim.machineuser@opuscapita.com","name":"ocmachineuser"},{"email":"elzbieta.rymarkiewicz-czapiewska@opuscapita.com","name":"elaczapiewska"},{"email":"ocbuildautomation@opuscapita.com","name":"ocautomation"},{"email":"piotr.krzysztof.murdzia@gmail.com","name":"piotr.krzysztof.murdzia"},{"email":"domin25001@gmail.com","name":"dsbbl"},{"email":"stefan.machnow@opuscapita.com","name":"smachnow"},{"email":"ilham.kaddouri@opuscapita.com","name":"ilhamkadduri"},{"email":"michal.blachu14@gmail.com","name":"mblachu"}],"readme":"# oc-cm-split-button\n\n### Description\n\nDescribe the component here\n\n### Installation\n\n```\nnpm install @opuscapita/oc-cm-split-button\n```\n\n### Demo\n\nView the [DEMO](https://opuscapita.github.io/oc-cm-split-button)\n\n### Builds\n\n#### UMD\n\nThe default build with compiled styles in the .js file. Also minified version available in the lib/umd directory.\n\n#### CommonJS/ES Module\n\nYou need to configure your module loader to use `cjs` or `es` fields of the package.json to use these module types.\nAlso you need to configure sass loader, since all the styles are in sass format.\n\n- With webpack use [resolve.mainFields](https://webpack.js.org/configuration/resolve/#resolve-mainfields) to configure the module type.\n- Add [SASS loader](https://github.com/webpack-contrib/sass-loader) to support importing of SASS styles.\n\n### API\n\n#### SplitButton\n\n| Prop name     | Type           | Default  | Description                                                                                                         |\n| ------------- | -------------- | -------- | ------------------------------------------------------------------------------------------------------------------- |\n| id            | string         | required | The ID                                                                                                              |\n| title         | string or node | required | Split button label                                                                                                  |\n| menuItems     | array          | required | @opuscapita/react-dropdown: List of the dropdown menu items (check menuItems props from @opuscapita/react-dropdown) |\n| disabled      | boolean        | false    | Whether or not button is disabled.                                                                                  |\n| menuDisabled  | boolean        | false    | Whether or not dropdown menu is disabled.                                                                           |\n| icon          | node           | null     | Button icon                                                                                                         |\n| onButtonClick | function       | ()=>{}   | A callback fired when a button is selected.                                                                         |\n\n#### Icon\n\n| Prop name | Type   | Default  | Description                              |\n| --------- | ------ | -------- | ---------------------------------------- |\n| faIcon    | string | required | fontawesome icon name e.g. 'fa fa-check' |\n| color     | string | black    | Icon color                               |\n| size      | string | 14px     | Icon font size                           |\n| padding   | string | 0        | Icon paddings                            |\n| margin    | string | 0        | Icon margins                             |\n\n### Code example\n\n```jsx\nimport React from \"react\";\nimport SplitButton, { Icon } from \"@opuscapita/oc-cm-split-button\";\n\nexport default class ReactView extends React.Component {\n  getMenuItems = () => [\n    {\n      id: \"item_id_21\",\n      title: \"Item 1\",\n      onClick: () => {} // es\n    },\n    {\n      id: \"item_id_22\",\n      title: \"Item 2\",\n      onClick: () => {}\n    },\n    {\n      id: \"item_id_d1\",\n      type: \"divider\"\n    },\n    {\n      id: \"item_id_23\",\n      title: \"Item 3\",\n      onClick: () => {},\n      disableClosing: true\n    }\n  ];\n\n  renderIcon = () => (\n    <Icon\n      faIcon=\"fa fa-check\"\n      color=\"lightgreen\"\n      size=\"1.5rem\"\n      margin=\"0 0.5rem 0 0\"\n    />\n  );\n\n  render() {\n    return (\n      <SplitButton\n        id=\"split-button-example-id\"\n        title=\"Save\"\n        menuItems={this.getMenuItems()}\n        icon={this.renderIcon()}\n      />\n    );\n  }\n}\n```\n","readmeFilename":"README.md"}