unicorn_components

ส่วนประกอบยูนิคอร์น

ชุดส่วนประกอบ UI เชิงมุมของแพลตฟอร์มยูนิคอร์น

---

ติดตั้ง

npm install --save @unicorn.io/components

การสาธิต

https://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>		เอกสาร	การสาธิต
-	สิ่งที่ระบุไว้	<uni-datagrid>	-	เอกสาร	การสาธิต
-	ตัวกรอง	<uni-filters>	-	เอกสาร	การสาธิต
-	รายการตัวกรอง	<uni-filters-list>	-	เอกสาร	-
-	รายการ	<uni-list>	-	เอกสาร	การสาธิต
-	เมนู	<uni-menu>		เอกสาร	การสาธิต
-	คนขี้เกียจ	<uni-paginator>		เอกสาร	การสาธิต
-	ต้นไม้	<uni-tree>		เอกสาร	-
เครื่องใช้	เตือน	<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>	-	เอกสาร	-

ตำนาน :

⚪ เร็ว ๆ นี้

- อักษรย่อ

✅ มั่นคง

- ไม่มั่นคง

⚫ เลิกกิจการ