storybook-react-geekshubs/dist/components/Buttons/1-Button.stories.js

Creation and curation of hight quality react components.

"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.BigWithWrap=exports.Blocks=exports.Inline=exports.OverrideStyle=exports.AsLink=exports.DisabledButtonBig=exports.DisabledButton=exports.DefaultButton=exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _Button=_interopRequireDefault(require("./Button"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var _default={title:"Components|Buttons/Button"};exports.default=_default;var DefaultButton=function DefaultButton(){return _react.default.createElement(_Button.default,null,"Clickme")};exports.DefaultButton=DefaultButton;var DisabledButton=function DisabledButton(){return _react.default.createElement(_Button.default,{disabled:true},"disabled")};exports.DisabledButton=DisabledButton;var DisabledButtonBig=function DisabledButtonBig(){return _react.default.createElement(_Button.default,{disabled:true,style:{color:"green",backgroundColor:"#000",fontSize:"80px"}},"Custom style")};exports.DisabledButtonBig=DisabledButtonBig;var AsLink=function AsLink(){return _react.default.createElement(_Button.default,{href:"http://geekshubs.com",target:"_blank"},"I am a link because I have a prop href")};exports.AsLink=AsLink;var OverrideStyle=function OverrideStyle(){return _react.default.createElement(_Button.default,{style:{color:"red",backgroundColor:"#222",fontSize:"40px"}},"Custom style")};exports.OverrideStyle=OverrideStyle;var Inline=function Inline(){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Button.default,{style:{color:"blue",backgroundColor:"#aaa",fontSize:"20px",fontFamily:"Helvetica"}},"Custom style"),_react.default.createElement(_Button.default,{style:{color:"violet",backgroundColor:"yellow",fontSize:"20px",fontFamily:"Helvetica"}},"Custom style"),_react.default.createElement(_Button.default,{style:{color:"WHITE",backgroundColor:"black",fontSize:"20px",textTransform:"none",fontFamily:"monospace"}},"Custom style"))};exports.Inline=Inline;var Blocks=function Blocks(){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Button.default,{style:{color:"blue",backgroundColor:"#aaa",fontSize:"20px",fontFamily:"Arial",display:"block"}},"Custom style"),_react.default.createElement(_Button.default,{style:{color:"violet",backgroundColor:"yellow",fontSize:"20px",fontFamily:"Helvetica",display:"block"}},"Custom style"),_react.default.createElement(_Button.default,{style:{color:"WHITE",backgroundColor:"black",fontSize:"20px",textTransform:"none",fontFamily:"monospace",display:"block"}},"Custom style"))};exports.Blocks=Blocks;var BigWithWrap=function BigWithWrap(){return _react.default.createElement(_Button.default,{style:{color:"blue",backgroundColor:"transparent",fontSize:"130px",fontFamily:"Sans",fontWeight:"800"}},"Custom style")};exports.BigWithWrap=BigWithWrap;