Skip to content
Snippets Groups Projects
Commit 8c6e48c0 authored by Dhanyashri K's avatar Dhanyashri K
Browse files

button component

parent ee5d99b6
No related branches found
No related tags found
No related merge requests found
.customButton {
background-color: red;
.button {
/*background-color: purple;
color:white;
position: relative;
font-size: 12px;
font-weight: 700;
align-items: center;
letter-spacing: 0.7px;
text-align: center;
-moz-box-align: center;
text-decoration: none;
display: inline-block;
border-radius: 10px;
-webkit-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
cursor: pointer;
padding: 10px 30px;*/
font-size: .875rem;
position: relative;
transition: all .15s ease;
letter-spacing: .025em;
text-transform: none;
will-change: transform;
}
\ No newline at end of file
import React from "react";
import PropTypes from "prop-types";
import cs from "classnames";
import styles from "./Button.module.scss";
import style from "./Button.module.scss";
function Button(props) {
return <div className={cs(styles.customButton)}>here</div>;
}
Button.propTypes = {};
function Button(props) {
const {
label,
disabled,
ButtonClick,
} = props;
return (
<div className={style.button}>
<button
onClick={ButtonClick}
className= "button"
disabled={disabled}
>
{label}
</button>
</div>
);
}
Button.propTypes = {
label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
disabled: PropTypes.bool,
ButtonClick: PropTypes.func,
};
Button.defaultProps = {
label:"NEW"
}
export default Button;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment