unicorn_components
1.0.0
유니콘 플랫폼의 각도 UI 구성 요소 키트.
npm install --save @unicorn.io/componentshttps://nitsnets.github.io/unicorn_components
모듈을 가져옵니다
import { UnicornComponentsModule } from '@unicorn.io/components' ;
@ NgModule ( {
imports : [
UnicornComponentsModule . forRoot ( )
]
} )
export class AppModule { }구성 요소 사용을 시작하십시오
< uni-button label =" My button " > </ uni-button >스타일 테마 선택 (선택 사항)
@import ' ./node_modules/@unicorn.io/components/styles/themes/cms/all ' | 그룹 | 요소 | 이름 지정 | 상태 | 문서 | 데모 |
|---|---|---|---|---|---|
| 차트 | 차트 | <uni-chart> | ? | 문서 | - |
| " | 전설 | <uni-chart-legend> | ? | 문서 | - |
| " | 툴팁 | <uni-chart-tooltip> | ? | 문서 | - |
| 컨테이너 | 아코디언 | <uni-accordion> | ✅ | 문서 | 데모 |
| " | 곁에 | <uni-aside> | ✅ | 문서 | 데모 |
| " | 몸 | <uni-body> | ✅ | 문서 | 데모 |
| " | 상자 | <uni-box> | ✅ | 문서 | 데모 |
| " | 헤더 | <uni-header> | ✅ | 문서 | 데모 |
| " | 공들여 나열한 것 | <uni-layout> | ✅ | 문서 | 데모 |
| " | 모달 | <uni-modal> | ✅ | 문서 | - |
| " | 팝업 | <uni-popup> | ✅ | 문서 | 데모 |
| " | 열 | <uni-row> | ✅ | 문서 | 데모 |
| " | 행 스페이서 | <uni-row-spacer> | ✅ | 문서 | 데모 |
| " | 탭 | <uni-tabs> | ✅ | 문서 | 데모 |
| 형태 | 버튼 토글 | <uni-button-toggle> | ✅ | 문서 | 데모 |
| " | 확인란 | <uni-checkbox> | ✅ | 문서 | 데모 |
| " | 코드 편집기 | <uni-code-editor> | ? | 문서 | - |
| " | 날짜 선택기 | <uni-date-picker> | ✅ | 문서 | 데모 |
| " | 날짜 범위 선택기 | <uni-daterange-picker> | ✅ | 문서 | 데모 |
| " | 날짜 시간 선택기 | <uni-datetime-picker> | ✅ | 문서 | 데모 |
| " | 이미지 선택기 | <uni-image-picker> | ? | 문서 | - |
| " | 입력 | <uni-input> | ✅ | 문서 | 데모 |
| " | 라디오 | <uni-radio> | ✅ | 문서 | 데모 |
| " | 선택하다 | <uni-select> | ✅ | 문서 | 데모 |
| " | 슬라이더 | <uni-slider> | ? | 문서 | 데모 |
| " | 슬라이더 범위 | <uni-slider-range> | ? | 문서 | 데모 |
| " | 시간 피커 | <uni-time-picker> | ✅ | 문서 | 데모 |
| " | 비녀장 | <uni-toggle> | ✅ | 문서 | 데모 |
| UI | 단추 | <uni-button> | ✅ | 문서 | 데모 |
| " | 버튼 파일 | <uni-button-file> | ? | 문서 | 데모 |
| " | 버튼 그룹 | <uni-button-group> | ✅ | 문서 | 데모 |
| " | 버튼 헤더 | <uni-button-header> | ✅ | 문서 | 데모 |
| " | 버튼 메뉴 | <uni-button-menu> | ✅ | 문서 | 데모 |
| " | 버튼 팝업 | <uni-button-popup> | ✅ | 문서 | 데모 |
| " | 달력 | <uni-calendar> | ✅ | 문서 | 데모 |
| " | 회전 목마 | <uni-carousel> | ? | 문서 | - |
| " | 시계 | <uni-clock> | ✅ | 문서 | 데모 |
| " | Datagrid | <uni-datagrid> | ? | 문서 | 데모 |
| " | 필터 | <uni-filters> | ? | 문서 | 데모 |
| " | 필터 목록 | <uni-filters-list> | ? | 문서 | - |
| " | 목록 | <uni-list> | ? | 문서 | 데모 |
| " | 메뉴 | <uni-menu> | ✅ | 문서 | 데모 |
| " | 페이지리네이터 | <uni-paginator> | ✅ | 문서 | 데모 |
| " | 나무 | <uni-tree> | ⚪ | 문서 | - |
| utils | 알리다 | <uni-alert> | ✅ | 문서 | 데모 |
| " | 배지 | <uni-badge> | ✅ | 문서 | 데모 |
| " | 칩 | <uni-chip> | ? | 문서 | 데모 |
| " | 얼굴 | <uni-face> | ✅ | 문서 | 데모 |
| " | 상 | <uni-icon> | ✅ | 문서 | - |
| " | 진전 | <uni-progress> | ✅ | 문서 | 데모 |
| " | 분리 기호 | <uni-separator> | ✅ | 문서 | - |
| " | 스피너 | <uni-spinner> | ✅ | 문서 | 데모 |
| " | 토스트 | <uni-toast> | ? | 문서 | - |
| " | 툴팁 | <uni-tooltip> | ? | 문서 | - |
| 보기 | 필터링 된 Datagrid | <uni-filtered-datagrid> | ? | 문서 | - |
| " | 검색 헤더 | <uni-search-header> | ? | 문서 | - |
전설 :
∎ 곧 출시됩니다
? 초기의
✅ 안정
? 불안정한
⚫ 감가 상각됩니다