https://github.com/bemto/bemto-button
Foundation for complex reusable buttons in React
https://github.com/bemto/bemto-button
bemto button component css react styled-components
Last synced: 12 months ago
JSON representation
Foundation for complex reusable buttons in React
- Host: GitHub
- URL: https://github.com/bemto/bemto-button
- Owner: bemto
- License: mit
- Created: 2017-11-20T19:53:40.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-03-26T11:23:28.000Z (over 7 years ago)
- Last Synced: 2025-06-18T16:01:09.864Z (about 1 year ago)
- Topics: bemto, button, component, css, react, styled-components
- Language: JavaScript
- Homepage: https://kizu.github.io/bemto-components/#bemtobutton
- Size: 105 KB
- Stars: 18
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: Changelog.md
- License: LICENSE
- Code of conduct: Code_of_Conduct.md
Awesome Lists containing this project
README
# bemto-button [![Build Status][build]][build-link] [![NPM package version][version]][version-link] [![Docs are interactive][docs-shield]][docs-link]
[build]: https://travis-ci.org/bemto/bemto-button.svg?branch=master
[build-link]: https://travis-ci.org/bemto/bemto-button
[version]: https://img.shields.io/npm/v/bemto-button.svg
[version-link]: https://www.npmjs.com/package/bemto-button
[docs-shield]: https://img.shields.io/badge/docs_are-interactive-66C764.svg
[docs-link]: https://kizu.github.io/bemto-components/#bemtobutton
This 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/).
You can use it as a base for highly functional and stylable buttons which provides basic reset & 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.
[Each example at **documentation** is an interactive playground like this one ↓](https://kizu.github.io/bemto-components/#bemtobutton)
[
](https://kizu.github.io/bemto-components/#bemtobutton)
### Installation & Usage
Note: `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.
In your console:
``` sh
npm install --save bemto-button
```
Then in `.js`-files of your components:
``` js static
import BemtoButton from 'bemto-button';
```
## License
Licensed under the MIT License, Copyright © 2017 Roman Komarov.
See [LICENSE](./) for more information.