Это пользовательский библиотек для Umbraco CMS и друзей. Это коллекция компонентов пользовательского интерфейса, которая может использоваться для создания интерфейсов в стиле Umbraco.
Элементы представляют собой веб -компоненты, созданные с Lit, и предназначены для отображения в сборнике рассказов библиотеки пользовательского интерфейса.
Сборник рассказов также является средой разработки для компонентов.
Если вы хотите использовать компонент в своем проекте, найдите его в таблице ниже и следуйте инструкциям из компонентов README.
Если вы хотите разработать компонент или внести свой вклад в раздел репозитория, перейдите в раздел «Начало работы».
| Компонент | Статус |
|---|---|
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 в версии 7 или выше из -за использования рабочих пространств NPM.
git clone https://github.com/umbraco/Umbraco.UI.git
cd . U mbraco.UI
npm installЭта команда запустит сервер под управлением сборника рассказов и будет следить за изменениями.
npm run storybookЭта команда создаст тесты проекта и запустит.
npm run teststorybook открывает сборник рассказов для элементовstorybook:analyze сгенерировать или обновить файл custom-elements.jsontest запускает ваш тестовый набор с помощью веб -тестового бегунаformat запускает Linter и AutoFormatterСмотрите остальные сценарии здесь.
v1/contrib