Mockup Code

mockup-code

Code mockup is used to show a block of code in a box that looks like a code editor

mockup-code docs

Class names

• component: mockup-code

Syntax

<div class="mockup-code">
  <pre data-prefix="$"><code>npm i daisyui</code></pre>
</div>

Rules

• Use <pre data-prefix="{prefix}"> to show a prefix before each line
• Use <code> tag to add code syntax highlighting (requires additional library)
• To highlight a line, add background/text color