美文网首页
button组件

button组件

作者: noyanse | 来源:发表于2019-05-18 14:29 被阅读0次
    import React from 'react';
    
    import classes from './Button.css';
    
    const button = (props) => (
        <button
            className={[classes.Button, classes[props.btnType]].join(' ')}
            onClick={props.clicked}>{props.children}</button>
    );
    
    export default button;
    

    css

    .Button {
        background-color: transparent;
        border: none;
        color: white;
        outline: none;
        cursor: pointer;
        font: inherit;
        padding: 10px;
        margin: 10px;
        font-weight: bold;
    }
    
    .Button:first-of-type {
        margin-left: 0;
        padding-left: 0;
    }
    
    .Success {
        color: #5C9210;
    }
    
    .Danger {
        color: #944317;
    }
    

    相关文章

      网友评论

          本文标题:button组件

          本文链接:https://www.haomeiwen.com/subject/clltzqtx.html