From 51a7c0f3037bd9bf7b66492f910c66e9c05e518e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=AB=E7=83=AC=E6=9F=93?= <mojinran@outlook.com>
Date: Fri, 19 Jan 2024 03:48:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20Web=20Components?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/docs/Web-Components.md | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/docs/Web-Components.md b/src/docs/Web-Components.md
index 465cacb..c4ea2d7 100644
--- a/src/docs/Web-Components.md
+++ b/src/docs/Web-Components.md
@@ -1,3 +1,30 @@
 # Web Components
 
+::: warning 警告
+此文档为 LiteLoaderQQNT 1.0.0 编写
+:::
+
+
+
+## 介绍
+
+LiteLoaderQQNT 使用 Web Components 封装了 QQNT 设置界面的一些组件，使你能够简单且快速的构建 QQNT 原生样式的插件配置界面
+
+自定义标签全部由 `setting-` 开头，自定义属性全部由 `data-` `is-` 开头并且是响应式，以下是已封装实现的组件标签名
+
+- setting-section - 每一节的设置
+- setting-panel - 选项容器
+- setting-list - 选项列表
+- setting-item - 选项条目
+- setting-select - 下拉选择框
+- setting-option - 选择框选项
+- setting-switch - 开关按钮
+- setting-button - 普通按钮
+- setting-text - 文本
+- setting-divider - 分割线
+
+
+
+## 用法
+
 正在施工中...