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