19 lines
536 B
Markdown
19 lines
536 B
Markdown
### 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
|