Bootstrap badge component customized using React

Badge.jsx

const Badge = (props) => {
    const { type, message } = props;
    
    // Bootstrap Badge component wrapped into a custom component for easy display
    return (
        <span className={`badge bg-${ type }`}>
            { message.substring(0, 1).toUpperCase() + message.substring(1) }
        </span>
    )
}

export default Badge;

Abdullah Muhammad@CodingAbdullah

McMaster. Software Engineer with a keen interest in blockchain and web3.

Toronto, Ontariokingabdullah.codes @KA95doteth