Tocas UI

以最快最直覺的方式，建構多樣的網站與漸進式網路應用程式介面。

📘 文件：tocas-ui.com/5.0/zh-tw (原始碼)
🎲 示例：tocas-ui.com/5.0/zh-tw/examples.html
📦 原始碼：GitHub | NPM | cdnjs
🌎 语言：台湾正体

📀 開始使用！

严格保留:Markdown语法、缩进、空行、N形式的占位符、专有名词、技术术语、命令、路径。不要增删、合并或拆分行与段落，行数必须与原文一致。只输出译文。只需要将下列HTML标签复制至你的<head>...</head>网页段落就可以开工了🔥

<!-- 核心：Tocas UI -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/5.0.3/tocas.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/5.0.3/tocas.min.js"></script>

<!-- 字體：Noto Sans TC -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap" rel="stylesheet" />

<!-- 啟用：響應式設計 -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

🚀 範例程式碼

<!-- 按鈕 -->
<button class="ts-button">按鈕</button>

<!-- 標題 -->
<div class="ts-header">標題</div>

<!-- 輸入欄位 -->
<div class="ts-input">
    <input type="text" placeholder="搜尋…" />
</div>

📘 文件：tocas-ui.com/5.0/zh-tw (原始碼)
🎲 示例：tocas-ui.com/5.0/zh-tw/examples.html

👥 使用的原始碼

Tocas UI 使用了以下套件中的部分原始代码，感谢他们 🥳！

❤️ 來自台灣的愛心

٩(ˊᗜˋ*)و 由來自 🇹🇼 台灣的 Yami Odymel 所設計，當然還有貢獻者們的愛心 ❤️。原始碼授權方式為 MIT，文件則為 CC 0 公眾領域。還請盡情地使用、分享或一同改進。Tocas UI 是卡莉絲伊繁星的設計語言，而卡莉絲伊繁星屬對空音商事。