Umbraco.UI

對於Umbraco CMS和朋友來說，這是一個UI圖書館。它是用戶界面組件的集合，可用於構建Umbraco樣式接口。

這些元素是用LIT構建的Web組件，本來可以用UI庫故事書展示。

故事書也是組件的開發環境。

如果您想在項目中使用組件，請在下表中找到它，並按照組件讀取文件的說明進行操作。

如果您想開發組件或為存儲庫做出貢獻，請轉到“入門”部分。

成分

成分	地位
uui捆綁包
uui-css捆綁包
<uui-action-bar>
<uui-avatar>
<uui-avatar-group>
<uui-badge>
<uui-base>
<uui-boolean-input>
<uui-box>
<uui-breadcrumbs>
<uui-button>
<uui-button-group>
<uui-button-inline-create>
<uui-card>
<uui-card-content-node>
<uui-card-media>
<uui-card-user>
<uui-caret>
<uui-checkbox>
<uui-color-area>
<uui-color-picker>
<uui-color-slider>
<uui-color-swatch>
<uui-color-swatches>
<uui-combobox>
<uui-combobox-list>
<uui-dialog>
<uui-dialog-layout>
<uui-file-dropzone>
<uui-file-preview>
<uui-form>
<uui-form-layout-item>
<uui-form-validation-message>
<uui-icon>
<uui-icon-registry>
<uui-icon-registry-essential>
<uui-input>
<uui-input-file>
<uui-input-lock>
<uui-input-password>
<uui-keyboard-shortcut>
<uui-label>
<uui-loader>
<uui-loader-bar>
<uui-loader-circle>
<uui-menu-item>
<uui-modal>
<uui-pagination>
<uui-popover>
<uui-popover-container>
<uui-progress-bar>
<uui-range-slider>
<uui-radio>
<uui-ref>
<uui-ref-list>
<uui-ref-node>
<uui-ref-node-data-type>
<uui-ref-node-document-type>
<uui-ref-node-form>
<uui-ref-node-member>
<uui-ref-node-package>
<uui-ref-node-user>
<uui-scroll-container>
<uui-select>
<uui-slider>
<uui-symbol-expand>
<uui-symbol-file>
<uui-symbol-file-dropzone>
<uui-symbol-file-thumbnail>
<uui-symbol-folder>
<uui-symbol-lock>
<uui-symbol-more>
<uui-symbol-sort>
<uui-table>
<uui-tabs>
<uui-tag>
<uui-textarea>
<uui-toast-notification>
<uui-toast-notification-container>
<uui-toast-notification-layout>
<uui-toggle>
<uui-visually-hidden>

開始

安裝

該項目使用nodejs，因此您應該在計算機上安裝nodejs作為軟件包管理器。請參閱安裝指南。由於使用NPM工作區，UI庫在版本7或更高版本中需要NPM。

git clone https://github.com/umbraco/Umbraco.UI.git
cd . U mbraco.UI
npm install

跑步故事書

此命令將啟動一個服務器運行的故事書並註意更改。

npm run storybook

運行測試

此命令將構建項目並運行測試。

npm run test

腳本概述

• storybook打開有關元素的故事書
• storybook:analyze生成或更新custom-elements.json 。
• test通過Web測試跑步者運行您的測試套件
• format運行Linter和Autoformatter

請參閱此處的其餘腳本。

貢獻

• ？拉請求和？總是歡迎星星。
• 閱讀我們的貢獻指南以開始。
• 請在問題跟踪器中報告錯誤和功能請求
• 主要分支是最新的開發分支。請針對此分支提出拉動請求： v1/contrib
  • 您可以在此分支的故事書中看到最新功能：V1/contr