CustomButton.jsx
1.31 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/*!
=========================================================
* Light Bootstrap Dashboard React - v1.3.0
=========================================================
* Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
* Coded by Creative Tim
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
import React, { Component } from "react";
import { Button } from "react-bootstrap";
import cx from "classnames";
import PropTypes from "prop-types";
class CustomButton extends Component {
render() {
const { fill, simple, pullRight, round, block, ...rest } = this.props;
const btnClasses = cx({
"btn-fill": fill,
"btn-simple": simple,
"pull-right": pullRight,
"btn-block": block,
"btn-round": round
});
return <Button className={btnClasses} {...rest} />;
}
}
CustomButton.propTypes = {
fill: PropTypes.bool,
simple: PropTypes.bool,
pullRight: PropTypes.bool,
block: PropTypes.bool,
round: PropTypes.bool
};
export default CustomButton;