“Cara Membuat Tombol di React JS” Kode Jawaban

cara membuat tombol dengan bereaksi

import PropTypes from 'prop-types'

const Button = ({ color, text, onClick }) => {
    return (
    <button 
        onClick={onClick}
        style={{backgroundColor: color}} 
        className='btn'>
        {text}
    </button>
    )
}

Button.defaultrops = {
    color: 'steelblue'
}

Button.propTypes = {
    text: PropTypes.string,
    color:PropTypes.string,
    onClick: PropTypes.func,
}

export default Button
Anthony Smith

Cara Membuat Tombol di React JS

<div className='col '>
            <button type="button" className="btn">Buy a G-Raffe Now!</button>
            </div>
// css for button
.btn{
    padding-left: 35px;
    padding-right: 35px;
    border: 2px;
    font-family: zedya;
    font-size: 15px;
    color: black;
    background-color: #fcdc1f;
    font-weight: 700;
    font-style: italic;
    
}
.btn:hover{
    color: rgb(255, 255, 255);
    animation: normal;
}
Cruel Cassowary

Jawaban yang mirip dengan “Cara Membuat Tombol di React JS”

Pertanyaan yang mirip dengan “Cara Membuat Tombol di React JS”

Lebih banyak jawaban terkait untuk “Cara Membuat Tombol di React JS” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya