{"id":25556816,"url":"https://github.com/bemto/bemto-button","last_synced_at":"2025-07-14T00:09:02.557Z","repository":{"id":98563282,"uuid":"111456138","full_name":"bemto/bemto-button","owner":"bemto","description":"Foundation for complex reusable buttons in React","archived":false,"fork":false,"pushed_at":"2019-03-26T11:23:28.000Z","size":108,"stargazers_count":18,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-18T16:01:09.864Z","etag":null,"topics":["bemto","button","component","css","react","styled-components"],"latest_commit_sha":null,"homepage":"https://kizu.github.io/bemto-components/#bemtobutton","language":"JavaScript","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/bemto.png","metadata":{"files":{"readme":"README.md","changelog":"Changelog.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"Code_of_Conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-20T19:53:40.000Z","updated_at":"2022-05-09T08:38:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"1d687095-4295-4a5f-9351-edc0fc8d6e4d","html_url":"https://github.com/bemto/bemto-button","commit_stats":{"total_commits":16,"total_committers":1,"mean_commits":16.0,"dds":0.0,"last_synced_commit":"902ab86e9d126ab55ba74d5e3932a32b2ff905ea"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/bemto/bemto-button","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bemto%2Fbemto-button","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bemto%2Fbemto-button/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bemto%2Fbemto-button/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bemto%2Fbemto-button/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bemto","download_url":"https://codeload.github.com/bemto/bemto-button/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bemto%2Fbemto-button/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265224163,"owners_count":23730347,"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":["bemto","button","component","css","react","styled-components"],"created_at":"2025-02-20T14:55:14.452Z","updated_at":"2025-07-14T00:09:02.531Z","avatar_url":"https://github.com/bemto.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# bemto-button [![Build Status][build]][build-link] [![NPM package version][version]][version-link] [![Docs are interactive][docs-shield]][docs-link]\n\n[build]: https://travis-ci.org/bemto/bemto-button.svg?branch=master\n[build-link]: https://travis-ci.org/bemto/bemto-button\n[version]: https://img.shields.io/npm/v/bemto-button.svg\n[version-link]: https://www.npmjs.com/package/bemto-button\n[docs-shield]: https://img.shields.io/badge/docs_are-interactive-66C764.svg\n[docs-link]: https://kizu.github.io/bemto-components/#bemtobutton\n\nThis is a foundation for all the buttons I use in my markup for more than 4 years. Now in a form of a React component, using [bemto-components](https://github.com/bemto/bemto-components) and [styled-components](https://www.styled-components.com/).\n\nYou can use it as a base for highly functional and stylable buttons which provides basic reset \u0026 layout which you could later easily style by extending with styled-components (or use your external styles). This component has all the powers of bemto-components beneath, so you can use modifiers, polymorphic tags and all the other stuff. See the docs of [bemto-components](https://kizu.github.io/bemto-components/#elements) for more features and [this component's source code](https://github.com/bemto/bemto-button) to how easily it is done.\n\n[Each example at **documentation** is an interactive playground like this one ↓](https://kizu.github.io/bemto-components/#bemtobutton)\n\n[\u003cimg align='right' src='https://user-images.githubusercontent.com/177485/33218860-7d677632-d13f-11e7-81ff-457ab2d21837.gif' alt='Demo gif of the button' title='Demo gif of the button' /\u003e](https://kizu.github.io/bemto-components/#bemtobutton)\n\n### Installation \u0026 Usage\n\nNote: `bemto-button` uses [styled-components](https://www.styled-components.com/) as a peer dependency, as its bad to include more than one instance of styled-components in your app, so you need to have it installed as well.\n\nIn your console:\n\n``` sh\nnpm install --save bemto-button\n```\n\nThen in `.js`-files of your components:\n\n``` js static\nimport BemtoButton from 'bemto-button';\n```\n\n## License\n\nLicensed under the MIT License, Copyright © 2017 Roman Komarov.\n\nSee [LICENSE](./) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbemto%2Fbemto-button","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbemto%2Fbemto-button","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbemto%2Fbemto-button/lists"}