Umbraco.UI

Ceci est une bibliothèque d'interface utilisateur pour les CMS et les amis de l'Umbraco. Il s'agit d'une collection de composants d'interface utilisateur qui peuvent être utilisés pour créer des interfaces de style Umbraco.

Les éléments sont des composants Web construits avec LIT et sont censés être affichés avec un livre de contes de bibliothèque d'interface utilisateur.

Le livre de contes est également un environnement de développement pour les composants.

Si vous souhaitez utiliser un composant dans votre projet, trouvez-le dans le tableau ci-dessous et suivez les instructions de ReadMe de composants.

Si vous souhaitez développer un composant ou contribuer au référentiel, allez dans la section "Démarrer".

Composants

Composant	Statut
Package uui Bundle
package 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>

Commencer

Installation

Ce projet utilise NodeJS, vous devez donc installer nodejs comme gestionnaire de packages sur votre machine. Voir Guide d'installation. La bibliothèque d'interface utilisateur nécessite NPM dans la version 7 ou plus, en raison de l'utilisation des espaces de travail NPM.

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

Exécuter le livre de contes

Cette commande lancera un serveur exécutant un livre de contes et surveillera les modifications.

npm run storybook

Exécuter des tests

Cette commande construira le projet et exécutera des tests.

npm run test

Présentation des scripts

• storybook ouvre un livre de contes pour les éléments
• storybook:analyze générer ou mettre à jour le fichier custom-elements.json fichier
• test exécute votre suite de test avec le coureur de test Web
• format exécute Linter et AutoForter

Voir le reste des scripts ici.

Contributions

• ? Tirez les demandes et? Les étoiles sont toujours les bienvenues.
• Lisez notre guide de contribution pour commencer.
• Veuillez signaler les bogues et les demandes de fonctionnalités dans le tracker du numéro
• La branche principale est la dernière branche de développement. Veuillez faire vos demandes de traction contre cette branche: v1/contrib
  • Vous pouvez voir les dernières fonctionnalités du livre de contes attachées à cette branche: v1 / contrib