console 命令行工具 X clear
console
<body data-theme="cyberpunk">
    <!-- buttons -->
    <div class="m-4 space-x-2">
    <button class="btn btn-primary">primary</button> 
    <button class="btn btn-secondary">secondary</button> 
    <button class="btn btn-accent">accent</button>
    </div>

    <!-- same buttons with another theme! -->
    <div class="m-4 space-x-2" data-theme="valentine">
    <button class="btn btn-primary">primary</button> 
    <button class="btn btn-secondary">secondary</button> 
    <button class="btn btn-accent">accent</button>
    </div>

    <!-- tab -->
    <div class="m-4 tabs">
    <button class="tab tab-lg tab-lifted">Tab 1</button>
    <button class="tab tab-lg tab-lifted tab-active">Tab 2</button>
    <button class="tab tab-lg tab-lifted">Tab 3</button>
    </div>

    <!-- toggle -->
    <div class="m-4 flex space-x-4">
    <label>
        <input type="checkbox" class="toggle toggle-primary"> 
        <span class="toggle-mark"></span>
    </label>
    <label>
        <input type="checkbox" class="toggle toggle-secondary"> 
        <span class="toggle-mark"></span>
    </label>
    <label>
        <input type="checkbox" class="toggle toggle-accent"> 
        <span class="toggle-mark"></span>
    </label>
    </div>

    <!-- card -->
    <div class="card shadow-2xl w-96 m-4">
    <figure>
        <img src="https://picsum.photos/id/1005/600/300">
    </figure> 
    <div class="card-body">
        <h2 class="card-title">DaisyUI Card</h2> 
        <p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus.</p> 
    </div>
    </div>
</body>
SOURCE

本项目引用的自定义外部资源
