Code mockup

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

Class name
Type
mockup-code Component Container element
# mockup code with line prefix
npm i daisyui
# Multi line
npm i daisyui
installing...
Done!
# Highlighted line
npm i daisyui
installing...
Error!
# Long line will scroll
Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.
# Without prefix
without prefix
# With color
can be any color!
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
daisyUI store

New template: SaaS Landing page

Available on daisyUI store

More details