Skip to main content

Code

Code component is the used to render pre or code block.

import { Code } from "rizzui";

Default

The default style of the Code.

<html>
  <head>
    <title>Welcome to RizzUI.</title>
  </head>
  <body>
    <h1>RizzUI Wesbite</h1>
    <h2>My first page.</h2>
    <p>
      RizzUI is a free open source react ui library.
    <p>
  </body>
</html>

import { Code } from "rizzui";

export default function App() {
return (
<Code>
&lt;html&gt; <br />
&nbsp;&nbsp;&lt;head&gt; <br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;Welcome to RizzUI.&lt;/title&gt;{" "}
<br />
&nbsp;&nbsp;&lt;/head&gt; <br />
&nbsp;&nbsp;&lt;body&gt; <br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;h1&gt;RizzUI Wesbite&lt;/h1&gt; <br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;h2&gt;My first page.&lt;/h2&gt; <br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt; <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;RizzUI is a free open source react ui
library. <br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt; <br />
&nbsp;&nbsp;&lt;/body&gt; <br />
&lt;/html&gt;
</Code>
);
}

API Reference


Code Props

Here is the API documentation of the Code component.

PropsTypeDescriptionDefault
classNamestringAdd custom classes for extra style__