Umbraco.UI

Esta es una biblioteca UI para Umbraco CMS y amigos. Es una colección de componentes de interfaz de usuario que se pueden usar para construir interfaces de estilo Umbraco.

Los elementos son componentes web construidos con Lit y están destinados a mostrarse con el libro de cuentos de la biblioteca de la interfaz de usuario.

El libro de cuentos también es un entorno de desarrollo para los componentes.

Si desea usar un componente en su proyecto, busque en la tabla a continuación y siga las instrucciones de Components ReadMe.

Si desea desarrollar un componente o contribuir al repositorio, vaya a la sección "Comenzar".

Componentes

Componente	Estado
paquete de paquete uui
paquete de paquete 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>

Empezar

Instalación

Este proyecto utiliza NodeJS, por lo que debe instalar nodejs como el Administrador de paquetes en su máquina. Consulte la guía de instalación. La biblioteca UI requiere NPM en la versión 7 o superior, debido al uso de espacios de trabajo de NPM.

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

Run Storybook

Este comando iniciará un servidor que ejecuta Storybook y buscará cambios.

npm run storybook

Ejecutar pruebas

Este comando construirá el proyecto y ejecutará pruebas.

npm run test

Descripción general de los scripts

• storybook abre el libro de cuentos para los elementos
• storybook:analyze el archivo Generar o actualizar custom-elements.json
• test ejecuta su suite de prueba con el corredor de prueba web
• format ejecuta un linter y autoformilla

Vea el resto de los guiones aquí.

Contribuciones

• ? Solicitud de solicitudes y? Las estrellas siempre son bienvenidas.
• Lea nuestra guía contribuyente para comenzar.
• Informe a los errores y las solicitudes de funciones en el rastreador de problemas
• La rama principal es la última rama de desarrollo. Haga sus solicitudes de extracción contra esta rama: v1/contrib
  • Puede ver las últimas características en el libro de cuentos adjunto a esta rama: V1/Contrib