yuai-buttons

!Build
!Size
!PeerDependencies
!LatestVersion
!License

React button components with styled-components

Install

``
yarn install yuai-buttons react styled-components
`

Components

$3

`
// tree shaking
import Button from 'yuai-buttons/dist/Button';
// or
import { Button } from 'yuai-buttons';

import * as React from 'react';
import styled from 'styled-components';

const SubmitButton = styled(Button)
background: #fff;
border: 1px solid #999;
margin-right: 10px;
padding: 5px 11px;

&:hover {
background: ${({ theme }) => theme.activeColor};
}
;

const HelloWorld = () => (Submit);
`

$3


`javascript
// tree shaking
import Button from 'yuai-buttons/dist/Button';
import ButtonGroup from 'yuai-buttons/dist/Button';
// or
import { Button, ButtonGroup } from 'yuai-buttons';

import * as React from 'react';
import styled from 'styled-components';

const SubmitButton = styled(Button)
background: #fff;
border: 1px solid #999;
margin-right: 10px;
padding: 5px 11px;

&:hover {
background: ${({ theme }) => theme.activeColor};
}
;

const ResetButton = styled(SubmitButton)
;

const HelloWorld = () => (

Submit
Reset

);
``

License

MIT