Umbraco.UI
v1.12.2
이것은 Umbraco CMS 및 친구의 UI 라이브러리입니다. Umbraco 스타일 인터페이스를 구축하는 데 사용할 수있는 사용자 인터페이스 구성 요소 모음입니다.
요소는 조명으로 제작 된 웹 구성 요소이며 UI 라이브러리 스토리 북으로 표시되어야합니다.
스토리 북은 또한 구성 요소를위한 개발 환경입니다.
프로젝트에서 구성 요소를 사용하려면 아래 표에서 찾아보고 구성 요소 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 컴퓨터의 패키지 관리자로 설치해야합니다. 설치 안내서를 참조하십시오. UI 라이브러리는 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.json 파일을 분석합니다test 웹 테스트 러너와 함께 테스트 스위트를 실행합니다format Linter와 AutoFormatter를 실행합니다여기에서 나머지 스크립트를 참조하십시오.
v1/contrib
