Benjamin Palko
f526f5c0aa
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
23 lines
539 B
Markdown
23 lines
539 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
|