开始使用

轻量级 HTMX 拓展 Web UI 组件库，通过属性构建现代用户界面，结合简单性和超文本的强大功能。

Bunny-ui

快速上手

Code

<!DOCTYPE html>
<html lang="zh-cn">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Quick Start - Bunny-ui</title>
        <!-- bunny-ui 核心文件 -->
        <link href="./bunny.css" rel="stylesheet" />
        <script src="./bunny.js"></script>
    </head>

    <body>
        <!-- 示例：显示警告框 -->
        <button class="bny-btn" onclick="bny.alert('Hello World')">点击我</button>

        <!-- 示例：显示确认框 -->
        <button class="bny-btn" onclick="bny.confirm('确定要执行此操作吗？')">确认操作</button>

        <!-- 示例：显示页面弹窗 -->
        <button class="bny-btn" onclick="bny.page('<h1>Hello</h1><p>这是一个弹窗</p>')">打开弹窗</button>
    </body>

</html>

快速上手