priyatham
/
Locaft
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Button styled export

This commit is contained in:
Priyatham Sai Chand 2021-03-28 18:38:40 +05:30
parent 66e24f5d3c
commit 88f2d51a33
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/miscellaneous/Styles.js Normal file
View File

@ -0,0 +1,29 @@
import styled from 'styled-components'
const Button = styled.a`
display: inline-block;
margin: 15px auto;
padding: 8px 20px;
color: ${props => props.textcolor ? props.textcolor : "black"} !important;
background: ${props => props.displaycolor ? props.displaycolor : "white"} ;
border-radius: ${props => props.radius ? props.radius: "5"}px;
border: 1px solid;
border-color: ${props => props.radiuscolor ? props.radiuscolor : "black"};
text-transform: uppercase;
letter-spacing: 0.02em;
font-weight: bold;
text-align: center;
cursor: pointer;
&:hover {
background: ${props => props.hovercolor ? props.hovercolor : "white"} ;
color: ${props => props.hovertextcolor ? props.hovertextcolor : "black"}!important;
}
`;
export { Button };