storybook-react-geekshubs
Version:
Creation and curation of hight quality react components.
1 lines • 3.57 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ButtonIcons=exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _rsuite=require("rsuite");require("rsuite/dist/styles/rsuite-default.css");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var _default={title:"Components|Buttons/withIcons"};exports.default=_default;var ButtonIcons=function ButtonIcons(){return _react.default.createElement("div",null,_react.default.createElement(_rsuite.ButtonToolbar,null,_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"star"})}),_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"star"}),appearance:"primary"}),_react.default.createElement(_rsuite.ButtonGroup,null,_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"align-left"})}),_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"align-center"})}),_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"align-right"})}),_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"align-justify"})}))),_react.default.createElement(_rsuite.ButtonToolbar,null,_react.default.createElement(_rsuite.IconButton,{size:"lg",icon:_react.default.createElement(_rsuite.Icon,{icon:"star"})}),_react.default.createElement(_rsuite.IconButton,{size:"lg",icon:_react.default.createElement(_rsuite.Icon,{icon:"search"})}),_react.default.createElement(_rsuite.IconButton,{size:"md",icon:_react.default.createElement(_rsuite.Icon,{icon:"star"})}),_react.default.createElement(_rsuite.IconButton,{size:"md",icon:_react.default.createElement(_rsuite.Icon,{icon:"search"})}),_react.default.createElement(_rsuite.IconButton,{size:"sm",icon:_react.default.createElement(_rsuite.Icon,{icon:"star"})}),_react.default.createElement(_rsuite.IconButton,{size:"sm",icon:_react.default.createElement(_rsuite.Icon,{icon:"search"})}),_react.default.createElement(_rsuite.IconButton,{size:"xs",icon:_react.default.createElement(_rsuite.Icon,{icon:"star"})}),_react.default.createElement(_rsuite.IconButton,{size:"xs",icon:_react.default.createElement(_rsuite.Icon,{icon:"search"})})),_react.default.createElement(_rsuite.ButtonToolbar,null,_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"facebook-official"}),color:"blue",circle:true}),_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"google-plus-circle"}),color:"red",circle:true}),_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"twitter"}),color:"cyan",circle:true}),_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"linkedin"}),color:"blue",circle:true})),_react.default.createElement(_rsuite.ButtonToolbar,null,_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"pause"}),placement:"left"},"Pause"),_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"arrow-right"}),placement:"right"},"Next")),_react.default.createElement(_rsuite.ButtonToolbar,null,_react.default.createElement(_rsuite.IconButton,{icon:_react.default.createElement(_rsuite.Icon,{icon:"save"})},"save")))};exports.ButtonIcons=ButtonIcons;