Umbraco.UI

Ini adalah UI-Library untuk Umbraco CMS dan teman-teman. Ini adalah kumpulan komponen antarmuka pengguna yang dapat digunakan untuk membangun antarmuka gaya Umbraco.

Elemen -elemennya adalah komponen web yang dibangun dengan LIT dan dimaksudkan untuk ditampilkan dengan buku cerita perpustakaan UI.

Buku cerita ini juga merupakan lingkungan pengembangan untuk komponen.

Jika Anda ingin menggunakan komponen dalam proyek Anda, temukan di tabel di bawah ini dan ikuti instruksi dari komponen readme.

Jika Anda ingin mengembangkan komponen atau berkontribusi pada bagian repositori, buka bagian "Mulai".

Komponen

Komponen	Status
Paket Bundel uui
Paket Bundel 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>

Mulai

Instalasi

Proyek ini menggunakan nodeJS, jadi Anda harus menginstal nodejs sebagai manajer paket di mesin Anda. Lihat Panduan Instalasi. Perpustakaan UI membutuhkan NPM di versi 7 atau lebih tinggi, karena penggunaan ruang kerja NPM.

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

Jalankan buku cerita

Perintah ini akan memulai server yang menjalankan buku cerita dan menonton perubahan.

npm run storybook

Jalankan tes

Perintah ini akan membangun proyek dan menjalankan tes.

npm run test

Tinjauan skrip

• storybook membuka buku cerita untuk elemen -elemennya
• storybook:analyze menghasilkan atau memperbarui file custom-elements.json
• test menjalankan suite test Anda dengan runner tes web
• format menjalankan linter dan otomatis

Lihat sisa skrip di sini.

Kontribusi

• ? Tarik permintaan dan? Bintang selalu diterima.
• Baca panduan berkontribusi kami untuk memulai.
• Harap laporkan bug dan permintaan fitur di pelacak masalah
• Cabang utama adalah cabang pengembangan terbaru. Harap buat permintaan tarik Anda terhadap cabang ini: v1/contrib
  • Anda dapat melihat fitur terbaru dalam buku cerita yang dilampirkan pada cabang ini: v1/contrib