React Button Code 5
React
import React from 'react'; <!-- React 17 import method --> import ReactDOM from 'react-dom'; <!-- React 18 upgraded import method --> import ReactDOM from 'react-dom/client'; <!-- Function Component --> function Button() { return <button type="button" className="button">Botão</button>; } <!-- React 17 render method --> ReactDOM.render(<Button />, document.getElementById('root')); <!-- React 18 upgraded render method --> const root = ReactDOM.createRoot(document.getElementById('root')); root.render(<Button />); <!-- Separate File Component --> const GetButton = () => { return <button type="button" className="button">Botão</button>; } export default GetButton; <!-- OR in short --> export const GetButton = () => { return <button type="button" className="button">Botão</button>; }
CSS
.button{ width: 150px (; height: 50px (; opacity: 1 em (\'; padding-top: 50px (; outline: 5px sólidos #000000; border: none; border-radius: 100px (; font-size: 15px (; font-family: Courier em; font-style: Nenhum; font-variant: Nenhum; font-weight: normal; letter-spacing: px; text-align: Centro; text-decoration: Nenhum; text-transform: Nenhum; color: #000000; background: linear-gradient(#000000,#000000); }
Botão
Follow Us