### mockup-code

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

[mockup-code docs](https://daisyui.com/components/mockup-code/)

#### Class names

- component: `mockup-code`

#### Syntax

```html
<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