Code Block
Code Block component used across Vercel and Next.js.
Default
Table.jsx
function MyComponent(props) { return ( <div> <h1>Hello, {props.name}!</h1> <p>This is an example React component.</p> </div> );}
No filename
function MyComponent(props) { return ( <div> <h1>Hello, {props.name}!</h1> <p>This is an example React component.</p> </div> );}
Highlighted lines
Table.jsx
function MyComponent(props) { return ( <div> <h1>Hello, {props.name}!</h1> <p>This is an example React component.</p> </div> );}
Language switcher
Table.jsx
function MyComponent(props) { return ( <div> <h1>Hello, {props.name}!</h1> <p>Good to see you</p> </div> ); }
Table.jsx
function MyComponent(props) { return ( <div> <h1>Hello, {props.name}!</h1> <p>Good to see you</p> </div> ); }
Was this helpful?