unicorn_components download - unicorn_components Quellcode herunterladen

unicorn_components

Komponenten von Drittanbietern

1.0.0

Herunterladen

Einhornkomponenten

Angular UI -Komponenten Kit der Unicorn -Plattform.

Installieren

npm install --save @unicorn.io/components

Demo

https://nitsnets.github.io/unicorn_components

Verwendung

Immodul importieren

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

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

Verwenden Sie Komponenten

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

Wählen Sie Stilstile (optional)

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

Liste der Komponenten

Gruppe	Komponente	Benennung	Status	Dokumente	Demo
Diagramme	Diagramm	`<uni-chart>`	?	Dokumente	- -
"	Legende	`<uni-chart-legend>`	?	Dokumente	- -
"	Tooltip	`<uni-chart-tooltip>`	?	Dokumente	- -
Behälter	Akkordeon	`<uni-accordion>`	✅	Dokumente	Demo
"	Beiseite	`<uni-aside>`	✅	Dokumente	Demo
"	Körper	`<uni-body>`	✅	Dokumente	Demo
"	Kasten	`<uni-box>`	✅	Dokumente	Demo
"	Kopfball	`<uni-header>`	✅	Dokumente	Demo
"	Layout	`<uni-layout>`	✅	Dokumente	Demo
"	Modal	`<uni-modal>`	✅	Dokumente	- -
"	Popup	`<uni-popup>`	✅	Dokumente	Demo
"	Reihe	`<uni-row>`	✅	Dokumente	Demo
"	Reihenabstandshalter	`<uni-row-spacer>`	✅	Dokumente	Demo
"	Registerkarten	`<uni-tabs>`	✅	Dokumente	Demo
Formen	Taste umschalten	`<uni-button-toggle>`	✅	Dokumente	Demo
"	Kontrollkästchen	`<uni-checkbox>`	✅	Dokumente	Demo
"	Code Editor	`<uni-code-editor>`	?	Dokumente	- -
"	Date Picker	`<uni-date-picker>`	✅	Dokumente	Demo
"	Datumsbereich Picker	`<uni-daterange-picker>`	✅	Dokumente	Demo
"	Datum Zeit Picker	`<uni-datetime-picker>`	✅	Dokumente	Demo
"	Bildauswahl	`<uni-image-picker>`	?	Dokumente	- -
"	Eingang	`<uni-input>`	✅	Dokumente	Demo
"	Radio	`<uni-radio>`	✅	Dokumente	Demo
"	Wählen	`<uni-select>`	✅	Dokumente	Demo
"	Schieberegler	`<uni-slider>`	?	Dokumente	Demo
"	Slider -Reichweite	`<uni-slider-range>`	?	Dokumente	Demo
"	Zeitpicker	`<uni-time-picker>`	✅	Dokumente	Demo
"	Umschalten	`<uni-toggle>`	✅	Dokumente	Demo
Ui	Taste	`<uni-button>`	✅	Dokumente	Demo
"	Schaltflächendatei	`<uni-button-file>`	?	Dokumente	Demo
"	Knopfgruppe	`<uni-button-group>`	✅	Dokumente	Demo
"	Knopfkopf	`<uni-button-header>`	✅	Dokumente	Demo
"	Tastemenü	`<uni-button-menu>`	✅	Dokumente	Demo
"	Button Popup	`<uni-button-popup>`	✅	Dokumente	Demo
"	Kalender	`<uni-calendar>`	✅	Dokumente	Demo
"	Karussell	`<uni-carousel>`	?	Dokumente	- -
"	Uhr	`<uni-clock>`	✅	Dokumente	Demo
"	DataGrid	`<uni-datagrid>`	?	Dokumente	Demo
"	Filter	`<uni-filters>`	?	Dokumente	Demo
"	Filterliste	`<uni-filters-list>`	?	Dokumente	- -
"	Liste	`<uni-list>`	?	Dokumente	Demo
"	Speisekarte	`<uni-menu>`	✅	Dokumente	Demo
"	Paginator	`<uni-paginator>`	✅	Dokumente	Demo
"	Baum	`<uni-tree>`	⚪	Dokumente	- -
Utils	Alarm	`<uni-alert>`	✅	Dokumente	Demo
"	Abzeichen	`<uni-badge>`	✅	Dokumente	Demo
"	Chip	`<uni-chip>`	?	Dokumente	Demo
"	Gesicht	`<uni-face>`	✅	Dokumente	Demo
"	Symbol	`<uni-icon>`	✅	Dokumente	- -
"	Fortschritt	`<uni-progress>`	✅	Dokumente	Demo
"	Separator	`<uni-separator>`	✅	Dokumente	- -
"	Spinner	`<uni-spinner>`	✅	Dokumente	Demo
"	Toast	`<uni-toast>`	?	Dokumente	- -
"	Tooltip	`<uni-tooltip>`	?	Dokumente	- -
Ansichten	Filtered DataGrid	`<uni-filtered-datagrid>`	?	Dokumente	- -
"	Suchscheibe	`<uni-search-header>`	?	Dokumente	- -