import React from "react" import PropTypes from "prop-types" import ThemeContext from "./themeContext" function Button(props) { return ( <button className={`${props.theme}-theme`}>Switch Theme</button> ) } Button.propTypes = { theme: PropTypes.oneOf(["light", "dark"]) } Button.defaultProps = { theme: "light" }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter