All Projects → bemto → bemto-button

bemto / bemto-button

Licence: MIT license
Foundation for complex reusable buttons in React

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to bemto-button

react-ssr-hydration
Example of React Server Side Rendering with Styled Components and Client Side Hydration
Stars: ✭ 15 (-16.67%)
Mutual labels:  styled-components
nytimes-bestseller
NY Times best sellers list explorer
Stars: ✭ 35 (+94.44%)
Mutual labels:  styled-components
WPKirk
A WP Bones skeleton Plugin
Stars: ✭ 28 (+55.56%)
Mutual labels:  styled-components
marvel-jarvig
Marvel JARVIG (Just A Rather Very Interesting Game) is a game that lets you find and discover Marvel Comics characters based on their name, image and description!
Stars: ✭ 13 (-27.78%)
Mutual labels:  styled-components
JPPack
A collection of VCL/LCL components for Delphi/Lazarus - buttons, panels, LinkLabel, ProgressBar, ColorComboBox, ColorListBox, Timer and other
Stars: ✭ 99 (+450%)
Mutual labels:  button
cargo-react
A Boilerplate for creating Component Libraries in React + Typescript + StoryBook + Styled Components
Stars: ✭ 13 (-27.78%)
Mutual labels:  styled-components
liquid button
Liquify your buttons, web demo at website
Stars: ✭ 18 (+0%)
Mutual labels:  button
buttono
A flexible Sass mixin for creating BEM-style buttons.
Stars: ✭ 82 (+355.56%)
Mutual labels:  button
tsstyled
A small, fast, and simple CSS-in-JS solution for React.
Stars: ✭ 52 (+188.89%)
Mutual labels:  styled-components
wizard
🍳Wizardoc is a WEBAPP for managing documents and knowledge.
Stars: ✭ 57 (+216.67%)
Mutual labels:  styled-components
Rippleable
Ripple-Effecting Button in Swift, Inspired by material ios design.
Stars: ✭ 22 (+22.22%)
Mutual labels:  button
karang
React components library that implement Lalamove Design.
Stars: ✭ 14 (-22.22%)
Mutual labels:  styled-components
utd-grades
A tool to view grade distributions at UT Dallas.
Stars: ✭ 23 (+27.78%)
Mutual labels:  styled-components
vuelongpress
Confirmation button for sensitive action, which requires to be hold for an amount of seconds
Stars: ✭ 75 (+316.67%)
Mutual labels:  button
lab-cli
Command line utilities and exporting module for Compositor Lab
Stars: ✭ 52 (+188.89%)
Mutual labels:  styled-components
TextViewPlus
an android library for setting custom font in xml layout
Stars: ✭ 27 (+50%)
Mutual labels:  button
jiahao.codes
😎 Personal Website
Stars: ✭ 63 (+250%)
Mutual labels:  styled-components
react-native-ecommerce
E-commerce mobile application developed using React Native 👔 🎩
Stars: ✭ 60 (+233.33%)
Mutual labels:  styled-components
movies
🍿 react-app for movies
Stars: ✭ 60 (+233.33%)
Mutual labels:  styled-components
babel-plugin-styled-name
Name for your styled-components in development
Stars: ✭ 16 (-11.11%)
Mutual labels:  styled-components

bemto-button Build Status NPM package version Docs are interactive

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 and styled-components.

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 for more features and this component's source code to how easily it is done.

Each example at documentation is an interactive playground like this one ↓

Demo gif of the button

Installation & Usage

Note: bemto-button uses styled-components 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:

npm install --save bemto-button

Then in .js-files of your components:

import BemtoButton from 'bemto-button';

License

Licensed under the MIT License, Copyright © 2017 Roman Komarov.

See LICENSE for more information.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].