{"_id":"@bytrix/chakra-ui-button","_rev":"1-f514e06c2bb166ae19defb253f98f7ab","name":"@bytrix/chakra-ui-button","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.5":{"name":"@bytrix/chakra-ui-button","version":"1.0.5","description":"A React component that is a base button.","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"sideEffects":false,"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"homepage":"https://github.com/chakra-ui/chakra-ui#readme","license":"MIT","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/types/index.d.ts","typings":"dist/types/index.d.ts","exports":{".":{"require":"./dist/cjs/index.js","default":"./dist/esm/index.js"}},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/chakra-ui/chakra-ui.git"},"bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"scripts":{"prebuild":"rimraf dist","start":"nodemon --watch src --exec yarn build -e ts,tsx","build":"concurrently yarn:build:*","test":"jest --env=jsdom --passWithNoTests","lint":"concurrently yarn:lint:*","version":"yarn build","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types","test:cov":"yarn test --coverage","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","lint:types":"tsc --noEmit"},"devDependencies":{"@chakra-ui/system":"1.1.7","react":"^17.0.1"},"dependencies":{"@chakra-ui/spinner":"1.0.3","@chakra-ui/utils":"1.1.0"},"peerDependencies":{"@chakra-ui/system":">=1.0.0","react":">=16.8.6"},"_id":"@bytrix/chakra-ui-button@1.0.5","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-w9snFwnRXngplj/KPNzvoYPq1U0B55owIct9bTLElyVVSoAC6B4w5NwVxHDQvnLi8LQFLBtLBVRqUUby9DaLaQ==","shasum":"f9ec49babffc32abb5df7ba0ded7dd46cd61031f","tarball":"https://registry.npmjs.org/@bytrix/chakra-ui-button/-/chakra-ui-button-1.0.5.tgz","fileCount":23,"unpackedSize":71113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgE+gNCRA9TVsSAnZWagAAQDoQAJvxWa7hEMN3RcEnd3C/\nvn30YB+guXg5c1GNRkUDJwg/FCyKmn/sYxSmQ0ZJhmziLlwCNFDjxnG12efp\nTFqnQdoOTU3OWMpgCVy8M9pqGz9cT40P+ADhOtehuoiYsIa9MpBi3EkA37SD\n2jWgQlThDTJfb/iBtBJWQQXk4Dl7UxZxOAWjTsWQG2TCJkap4NBVoMaL1VJ5\nec62wROLu2MwRmQouPd4zOujPimY86/ieml0ZmOcMXaQ1kBpFRpIm4hVjf5K\nCvfrxrL7TqhEuppLRbxIlGGsiF7ykBwMeE9C7bzq+Ku5gSpjWiQ5LHEQGCbi\nYPfdAZdFLBpxQVnty172bBGpcQH/r9NSAMOsqXhEfsXHDLNWRYtGFkwcd/od\nldmPLE0t5lk6b0ueKFjUvC+Q3PU+vR1A+LDbWfxKvKviLQY3+m9DuCGyarSR\nux3/mTGmrGlzmuOyC7s/Wg9DAcaIv/DDMkoniTUxLd9sIci+f89wqjXZG9YV\nceUNAhtiHa3m0gpnsPe5kqY/t8VtfAgOOaXPSIgQXuTPbBjzJql+CevI4C8X\nK4GQ97a0k+pVlit28CFjiJ/AB5UznG60jzxT5qIH88l1WoBXPT2xWjkHukd2\nKENdnrW4gAqSzdUIp3SSqykmTSL8/ZBPr0MGCUesB3Q2/q1bJbWLOiigL6Tm\n+8da\r\n=ziBb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjC4UV0BmjzAYRihNYDZng1QsXs/knqP4gdY6lDXfjQAIhANBFa9B9ebKucfm4eKidQejkQPNV6TX+dBT+ZNY6RWgn"}]},"_npmUser":{"name":"bytrix","email":"wengzhijie@126.com"},"directories":{},"maintainers":[{"name":"bytrix","email":"wengzhijie@126.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-ui-button_1.0.5_1611917325524_0.9450359260434922"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-29T10:48:45.456Z","1.0.5":"2021-01-29T10:48:45.676Z","modified":"2022-04-04T21:22:42.588Z"},"maintainers":[{"name":"bytrix","email":"wengzhijie@126.com"}],"description":"A React component that is a base button.","homepage":"https://github.com/chakra-ui/chakra-ui#readme","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"repository":{"type":"git","url":"git+https://github.com/chakra-ui/chakra-ui.git"},"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"license":"MIT","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","readmeFilename":"README.md"}