unicorn_components

Komponen unicorn

Kit komponen UI Angular dari platform unicorn.

---

Memasang

npm install --save @unicorn.io/components

Demo

https://nitsnets.github.io/unicorn_components

Penggunaan

Impor modul

 import { UnicornComponentsModule } from '@unicorn.io/components' ;

@ NgModule ( {
  imports : [
    UnicornComponentsModule . forRoot ( )
  ]
} )
export class AppModule { }

Mulailah menggunakan komponen

 < uni-button label =" My button " > </ uni-button >

Pilih Tema Styles (Opsional)

 @import ' ./node_modules/@unicorn.io/components/styles/themes/cms/all ' 

Daftar komponen

Kelompok	Komponen	Penamaan	Status	Dokumen	Demo
Grafik	Bagan	<uni-chart>	?	Dokumen	-
"	Legenda	<uni-chart-legend>	?	Dokumen	-
"	Tooltip	<uni-chart-tooltip>	?	Dokumen	-
Wadah	Akordeon	<uni-accordion>	✅	Dokumen	Demo
"	Ke samping	<uni-aside>	✅	Dokumen	Demo
"	Tubuh	<uni-body>	✅	Dokumen	Demo
"	Kotak	<uni-box>	✅	Dokumen	Demo
"	Header	<uni-header>	✅	Dokumen	Demo
"	Tata letak	<uni-layout>	✅	Dokumen	Demo
"	Modal	<uni-modal>	✅	Dokumen	-
"	Popup	<uni-popup>	✅	Dokumen	Demo
"	Baris	<uni-row>	✅	Dokumen	Demo
"	Spacer baris	<uni-row-spacer>	✅	Dokumen	Demo
"	Tab	<uni-tabs>	✅	Dokumen	Demo
Bentuk	Tombol sakelar	<uni-button-toggle>	✅	Dokumen	Demo
"	Kotak centang	<uni-checkbox>	✅	Dokumen	Demo
"	Editor Kode	<uni-code-editor>	?	Dokumen	-
"	Pemilih tanggal	<uni-date-picker>	✅	Dokumen	Demo
"	Pemilih Rentang Tanggal	<uni-daterange-picker>	✅	Dokumen	Demo
"	Tanggal Pemilih Waktu	<uni-datetime-picker>	✅	Dokumen	Demo
"	Pemetik gambar	<uni-image-picker>	?	Dokumen	-
"	Masukan	<uni-input>	✅	Dokumen	Demo
"	Radio	<uni-radio>	✅	Dokumen	Demo
"	Memilih	<uni-select>	✅	Dokumen	Demo
"	Slider	<uni-slider>	?	Dokumen	Demo
"	Rentang slider	<uni-slider-range>	?	Dokumen	Demo
"	Pemilih Waktu	<uni-time-picker>	✅	Dokumen	Demo
"	Toggle	<uni-toggle>	✅	Dokumen	Demo
Ui	Tombol	<uni-button>	✅	Dokumen	Demo
"	File tombol	<uni-button-file>	?	Dokumen	Demo
"	Grup tombol	<uni-button-group>	✅	Dokumen	Demo
"	Header tombol	<uni-button-header>	✅	Dokumen	Demo
"	Menu tombol	<uni-button-menu>	✅	Dokumen	Demo
"	Button Popup	<uni-button-popup>	✅	Dokumen	Demo
"	Kalender	<uni-calendar>	✅	Dokumen	Demo
"	Korsel	<uni-carousel>	?	Dokumen	-
"	Jam	<uni-clock>	✅	Dokumen	Demo
"	Datagrid	<uni-datagrid>	?	Dokumen	Demo
"	Filter	<uni-filters>	?	Dokumen	Demo
"	Daftar filter	<uni-filters-list>	?	Dokumen	-
"	Daftar	<uni-list>	?	Dokumen	Demo
"	Menu	<uni-menu>	✅	Dokumen	Demo
"	Paginator	<uni-paginator>	✅	Dokumen	Demo
"	Pohon	<uni-tree>	⚪	Dokumen	-
Utils	Peringatan	<uni-alert>	✅	Dokumen	Demo
"	Lencana	<uni-badge>	✅	Dokumen	Demo
"	Chip	<uni-chip>	?	Dokumen	Demo
"	Menghadapi	<uni-face>	✅	Dokumen	Demo
"	Ikon	<uni-icon>	✅	Dokumen	-
"	Kemajuan	<uni-progress>	✅	Dokumen	Demo
"	Pemisah	<uni-separator>	✅	Dokumen	-
"	Pemintal	<uni-spinner>	✅	Dokumen	Demo
"	Roti panggang	<uni-toast>	?	Dokumen	-
"	Tooltip	<uni-tooltip>	?	Dokumen	-
Tampilan	Datagrid yang difilter	<uni-filtered-datagrid>	?	Dokumen	-
"	Header pencarian	<uni-search-header>	?	Dokumen	-

Legenda :

⚪ Segera hadir

? Awal

✅ stabil

? Tidak stabil

⚫ usang