Umbraco.UI
v1.12.2
Dies ist ein UI-Bibliothek für Umbraco CMS und Freunde. Es handelt sich um eine Sammlung von Benutzeroberflächenkomponenten, mit denen Schnittstellen im Umbraco -Stil erstellt werden können.
Die Elemente sind Webkomponenten, die mit LIT erstellt wurden, und sollen mit der UI -Bibliotheksgeschichte angezeigt werden.
Das Storybook ist auch eine Entwicklungsumgebung für die Komponenten.
Wenn Sie eine Komponente in Ihrem Projekt verwenden möchten, finden Sie diese in der folgenden Tabelle und befolgen Sie die Anweisungen von Komponenten Readme.
Wenn Sie eine Komponente entwickeln oder zum Abschnitt "Erste Start" beitragen möchten.
| Komponente | Status |
|---|---|
uui -Bundle -Paket | |
uui-css Bundle-Paket | |
<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> |
In diesem Projekt werden NodeJS verwendet, sodass Sie nodejs als Paketmanager auf Ihrem Computer installieren sollten. Siehe Installationshandbuch. Die UI -Bibliothek benötigt aufgrund der Verwendung von NPM -Arbeitsbereichen NPM in Version 7 oder höher.
git clone https://github.com/umbraco/Umbraco.UI.git
cd . U mbraco.UI
npm installDieser Befehl startet einen Server, der mit dem Storybook ausgeführt wird und nach Änderungen achtet.
npm run storybookDieser Befehl erstellt das Projekt und führt Tests aus.
npm run teststorybook eröffnet das Storybook für die Elementestorybook:analyze generieren oder aktualisieren Sie die Datei custom-elements.jsontest führt Ihre Testsuite mit Web -Testläufern ausformat läuft Linter und autoFormatter ausSehen Sie hier den Rest der Skripte.
v1/contrib
