I am trying to showcase the following code in a REACT webpage, but it is not displaying as code. Instead, it is showing as actual elements. How can I display the button codes below as actual code?
<code>
<pre>
<Button className='btn-grv' variant="primary">Primary</Button>
<Button className='btn-grv' variant="blue">Link</Button>
<Button className='btn-grv' variant="dark">Dark</Button>
<Button className='btn-grv' variant="secondary">Secondary</Button>
<Button className='btn-grv' variant="success">Success</Button>
<Button className='btn-grv' variant="warning">Warning</Button>
<Button className='btn-grv' variant="danger">Danger</Button>
<Button className='btn-grv' variant="info">Info</Button>
<Button className='btn-grv' variant="light">Light</Button>
</pre>
</code>