代码 Mockup
代码 Mockup 用于在看起来像代码编辑器的框中显示代码块。
| 类名 | 类型 | |
|---|---|---|
| mockup-code | 组件 | 代码终端 Mockup |
npm i daisyui<div class="$$mockup-code w-full"> <pre data-prefix="$"><code>npm i daisyui</code></pre> </div>
<div class="$$mockup-code w-full">
<pre data-prefix="$"><code>npm i daisyui</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre data-prefix="$"><code>npm i daisyui</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre data-prefix="$"><code>npm i daisyui</code></pre>
</div>npm i daisyuiinstalling...Done!<div class="$$mockup-code w-full"> <pre data-prefix="$"><code>npm i daisyui</code></pre> <pre data-prefix=">" class="text-warning"><code>installing...</code></pre> <pre data-prefix=">" class="text-success"><code>Done!</code></pre> </div>
<div class="$$mockup-code w-full">
<pre data-prefix="$"><code>npm i daisyui</code></pre>
<pre data-prefix=">" class="text-warning"><code>installing...</code></pre>
<pre data-prefix=">" class="text-success"><code>Done!</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre data-prefix="$"><code>npm i daisyui</code></pre>
<pre data-prefix=">" class="text-warning"><code>installing...</code></pre>
<pre data-prefix=">" class="text-success"><code>Done!</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre data-prefix="$"><code>npm i daisyui</code></pre>
<pre data-prefix=">" class="text-warning"><code>installing...</code></pre>
<pre data-prefix=">" class="text-success"><code>Done!</code></pre>
</div>npm i daisyuiinstalling...Error!<div class="$$mockup-code w-full"> <pre data-prefix="1"><code>npm i daisyui</code></pre> <pre data-prefix="2"><code>installing...</code></pre> <pre data-prefix="3" class="bg-warning text-warning-content"><code>Error!</code></pre> </div>
<div class="$$mockup-code w-full">
<pre data-prefix="1"><code>npm i daisyui</code></pre>
<pre data-prefix="2"><code>installing...</code></pre>
<pre data-prefix="3" class="bg-warning text-warning-content"><code>Error!</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre data-prefix="1"><code>npm i daisyui</code></pre>
<pre data-prefix="2"><code>installing...</code></pre>
<pre data-prefix="3" class="bg-warning text-warning-content"><code>Error!</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre data-prefix="1"><code>npm i daisyui</code></pre>
<pre data-prefix="2"><code>installing...</code></pre>
<pre data-prefix="3" class="bg-warning text-warning-content"><code>Error!</code></pre>
</div>Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.<div class="$$mockup-code w-full"> <pre data-prefix="~"><code>Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.</code></pre> </div>
<div class="$$mockup-code w-full">
<pre
data-prefix="~"><code>Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre
data-prefix="~"><code>Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre
data-prefix="~"><code>Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.</code></pre>
</div>without prefix<div class="$$mockup-code w-full"> <pre><code>without prefix</code></pre> </div>
<div class="$$mockup-code w-full">
<pre><code>without prefix</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre><code>without prefix</code></pre>
</div>
<div class="$$mockup-code w-full">
<pre><code>without prefix</code></pre>
</div>can be any color!<div class="$$mockup-code bg-primary text-primary-content w-full"> <pre><code>can be any color!</code></pre> </div>
<div class="$$mockup-code bg-primary text-primary-content w-full">
<pre><code>can be any color!</code></pre>
</div>
<div class="$$mockup-code bg-primary text-primary-content w-full">
<pre><code>can be any color!</code></pre>
</div>
<div class="$$mockup-code bg-primary text-primary-content w-full">
<pre><code>can be any color!</code></pre>
</div>您有问题吗？ 在 GitHub 上提问 或 Discord 服务器
您发现 Bug 了吗？ 在 GitHub 上提交 issue
您喜欢 daisyUI 吗？ 发帖宣传一下！
支持 daisyUI 的开发： Open Collective
