{"id":20237383,"url":"https://github.com/react-widget/button","last_synced_at":"2026-05-11T15:39:51.805Z","repository":{"id":39552723,"uuid":"139153947","full_name":"react-widget/button","owner":"react-widget","description":"https://react-widget.github.io/button/","archived":false,"fork":false,"pushed_at":"2023-01-03T15:17:31.000Z","size":4404,"stargazers_count":0,"open_issues_count":20,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-24T19:39:07.122Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react-widget.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-06-29T13:39:28.000Z","updated_at":"2020-06-22T15:55:54.000Z","dependencies_parsed_at":"2023-02-01T07:01:45.189Z","dependency_job_id":null,"html_url":"https://github.com/react-widget/button","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-widget%2Fbutton","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-widget%2Fbutton/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-widget%2Fbutton/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-widget%2Fbutton/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react-widget","download_url":"https://codeload.github.com/react-widget/button/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241681789,"owners_count":20002379,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T08:26:46.368Z","updated_at":"2025-11-28T16:06:33.897Z","avatar_url":"https://github.com/react-widget.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Button\n\nButton组件\n\n## 安装\n\n```\nnpm install --save react-widget-button\n```\n\n\n## 使用\n\n[![Edit react-widget-button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-widget-button-dv1xf?fontsize=14\u0026hidenavigation=1\u0026theme=dark)\n\n```js\nimport {Button} from 'react-widget-button';\nimport 'react-widget-button/style';\n\n\u003cButton\u003e按钮\u003c/Button\u003e\n\n```\n\n\n\n### Interfaces\n\n```ts\ninterface ButtonProps extends Omit\u003cReact.ButtonHTMLAttributes\u003cHTMLButtonElement\u003e, \"type\" | \"prefix\"\u003e {\n    prefixCls: string;\n    className?: string;\n    htmlType?: React.ButtonHTMLAttributes\u003cHTMLButtonElement\u003e[\"type\"];\n    type?: \"primary\";\n    size?: \"small\" | \"default\" | \"large\";\n    disabled?: boolean;\n    loading?: boolean;\n    active?: boolean;\n    prefix?: React.ReactNode;\n    suffix?: React.ReactNode;\n    tagName: React.ElementType;\n}\n\nexport interface ButtonGroupProps {\n    prefixCls: string;\n    className?: string;\n    disabled?: boolean;\n    type?: \"primary\";\n    size?: \"small\" | \"default\" | \"large\";\n}\n\n```\n\n\n### 基础样式\n\n```css\n.rw-btn {\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    height: 32px;\n    padding: 0 15px;\n    font-size: 14px;\n    border-radius: 2px;\n    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);\n    border: 1px solid #d9d9d9;\n    color: #404040;\n    background-color: #fff;\n    vertical-align: middle;\n    line-height: 1;\n}\n\n.rw-btn-small {\n    height: 24px;\n    padding: 0 7px;\n    font-size: 14px;\n    border-radius: 2px;\n}\n\n.rw-btn-large {\n    height: 40px;\n    padding: 0 15px;\n    font-size: 16px;\n    border-radius: 2px;\n}\n\n.rw-btn:hover {\n    text-decoration: none;\n    border-color: #bababa;\n    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n}\n\n.rw-btn:focus {\n    outline: 0;\n}\n\n.rw-btn.rw-btn-active,\n.rw-btn:active {\n    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);\n    background-color: #e3e3e3;\n    border-color: #bababa;\n}\n\n/* primary */\n.rw-btn-primary {\n    color: #fff;\n    background-color: #1890ff;\n    border-color: #1890ff;\n}\n\n.rw-btn-primary:hover {\n    background-color: #2281e7;\n    border-color: #2281e7;\n}\n\n.rw-btn-primary.rw-btn-active,\n.rw-btn-primary:active {\n    box-shadow: inset 0 2px 0 #0055e1;\n    background-color: #096dd9;\n    border-top-color: #096dd9;\n    border-color: #096dd9;\n}\n\n/* disabled */\n.rw-btn-loading {\n    opacity: 0.35;\n}\n\n.rw-btn.rw-btn-disabled:not(.rw-btn-loading),\n.rw-btn:disabled:not(.rw-btn-loading) {\n    color: rgba(0, 0, 0, 0.25);\n    background: #f5f5f5;\n    border-color: #d9d9d9;\n    text-shadow: none;\n    box-shadow: none;\n    cursor: not-allowed;\n}\n.rw-btn-loading {\n    cursor: default;\n}\n\n/* group */\n.rw-btn-group {\n    display: inline-flex;\n}\n\n.rw-btn-group .rw-btn {\n    position: relative;\n    z-index: 1;\n    flex: 1;\n    margin-right: -1px;\n    border-radius: 0;\n}\n\n.rw-btn-group .rw-btn:first-child {\n    border-top-left-radius: 2px;\n    border-bottom-left-radius: 2px;\n}\n.rw-btn-group .rw-btn:last-child {\n    border-top-right-radius: 2px;\n    border-bottom-right-radius: 2px;\n}\n\n.rw-btn-group .rw-btn:focus,\n.rw-btn-group .rw-btn:hover,\n.rw-btn-group .rw-btn-active,\n.rw-btn-group .rw-btn-active {\n    z-index: 2;\n}\n\n.rw-btn-group .rw-btn:disabled,\n.rw-btn-group .rw-btn-disabled {\n    z-index: 0;\n}\n\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-widget%2Fbutton","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freact-widget%2Fbutton","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-widget%2Fbutton/lists"}