檢查清單

以清單列出符合與異動條件內容。
範例
明暗色系
遵循使用者設定
遵循使用者設定
亮色
暗色
縮放
標準
放大
標準
縮小
這個電腦符合 Windows 2077 的安裝需求。
升級系統的時候將會獲得一隻免費的貓咪。
目前還無法升級。
<div class="ts-checklist">
    <div class="item is-positive">這個電腦符合 Windows 2077 的安裝需求。</div>
    <div class="item is-positive">升級系統的時候將會獲得一隻免費的貓咪。</div>
    <div class="item is-negative">目前還無法升級。</div>
</div>
項目外觀
正面的

表示這個條件相符或是一個正面的內容。

此更新適用於你的裝置。
所需的處理器安全性相符。
<div class="ts-checklist">
    <div class="item is-positive">此更新適用於你的裝置。</div>
    <div class="item is-positive">所需的處理器安全性相符。</div>
</div>
負面的

表示不相符的條件或是負面的敘述。

你的顯示卡等級過於老舊。
這個版本無法使用高級功能。
<div class="ts-checklist">
    <div class="item is-negative">你的顯示卡等級過於老舊。</div>
    <div class="item is-negative">這個版本無法使用高級功能。</div>
</div>
注意的

表示需要額外注意的項目。

這個應用程式沒有經過官方驗證。
發言前請三思而後行。
<div class="ts-checklist">
    <div class="item is-warning">這個應用程式沒有經過官方驗證。</div>
    <div class="item is-warning">發言前請三思而後行。</div>
</div>
新增的

自上次以來新增的項目。

我們增進了系統穩定性。
提昇操控角色時的移動速度。
<div class="ts-checklist">
    <div class="item is-added">我們增進了系統穩定性。</div>
    <div class="item is-added">提昇操控角色時的移動速度。</div>
</div>
被移除的

已經被移除的項目。

由於專注輕機槍過多人使用,我們已將其移除。
工程師的最高等級從 3 降為 2,因為 Valve 數不到 3。
<div class="ts-checklist">
    <div class="item is-removed">由於專注輕機槍過多人使用,我們已將其移除。</div>
    <div class="item is-removed">工程師的最高等級從 3 降為 2,因為 Valve 數不到 3。</div>
</div>
補充資訊的

用以補充額外資訊的項目。

現已有最新版本可供下載,但你仍可繼續使用。
這個人試圖保持中立。
<div class="ts-checklist">
    <div class="item is-info">現已有最新版本可供下載,但你仍可繼續使用。</div>
    <div class="item is-info">這個人試圖保持中立。</div>
</div>
在尋找相似的元件嗎?
由來自 台灣的 Yami Odymel 所設計,當然還有貢獻者們的愛心❤️。原始碼授權方式為 MIT,文件則為 CC 0 公眾領域。還請盡情地使用、分享或一同改進。Tocas UI 是卡莉絲伊繁星的設計語言,而卡莉絲伊繁星屬對空音商事
台灣正體語系協作者:Yami Odymel、coin3x、Sea-n
擁有 Tocas UI 的所屬組織商標