Skip to main content
Version: v-0.8.7

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__