React Textarea Code 1
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 Textarea() { return ( <> <textarea class="react-textarea">Textarea</textarea> </> ); } <!-- React 17 render method --> ReactDOM.render(<Textarea />, document.getElementById('root')); <!-- React 18 upgraded render method --> const root = ReactDOM.createRoot(document.getElementById('root')); root.render(<Textarea />); <!-- Separate File Component --> const GetTextarea = () => { return ( <> <textarea class="react-textarea">Textarea</textarea> </> ); } export default GetTextarea; <!-- OR in short --> export const GetTextarea = () => { return ( <> <textarea class="react-textarea">Textarea</textarea> </> ); }
CSS
.react-textarea{ width: 300px; height: 150px; resize: both; border: 2px solid #19a9a6; font-size: 15px; font-family: courier; font-weight: normal; letter-spacing: 1px; text-align: center; color: #d1d1d1; background: #252526; }
Textarea
Follow Us