unicorn_components Download - unicorn_components Code source Télécharger

unicorn_components

Composants tiers

1.0.0

Télécharger

Composants de licorne

Kit de composants d'interface utilisateur angulaire de la plate-forme de licorne.

Installer

npm install --save @unicorn.io/components

Démo

https://nitsnets.github.io/unicorn_components

Usage

Importer le module

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

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

Commencez à utiliser les composants

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

Sélectionnez le thème des styles (facultatif)

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

Liste des composants

Groupe	Composant	Appellation	Statut	Docs	Démo
Graphiques	Graphique	`<uni-chart>`	?	Docs	-
"	Légende	`<uni-chart-legend>`	?	Docs	-
"	Infraction	`<uni-chart-tooltip>`	?	Docs	-
Conteneurs	Accordéon	`<uni-accordion>`	✅	Docs	Démo
"	De côté	`<uni-aside>`	✅	Docs	Démo
"	Corps	`<uni-body>`	✅	Docs	Démo
"	Boîte	`<uni-box>`	✅	Docs	Démo
"	Tête	`<uni-header>`	✅	Docs	Démo
"	Mise en page	`<uni-layout>`	✅	Docs	Démo
"	Modal	`<uni-modal>`	✅	Docs	-
"	Surgir	`<uni-popup>`	✅	Docs	Démo
"	Rangée	`<uni-row>`	✅	Docs	Démo
"	Entretoise	`<uni-row-spacer>`	✅	Docs	Démo
"	Onglets	`<uni-tabs>`	✅	Docs	Démo
Formes	Basculer	`<uni-button-toggle>`	✅	Docs	Démo
"	Cocher	`<uni-checkbox>`	✅	Docs	Démo
"	Éditeur de code	`<uni-code-editor>`	?	Docs	-
"	Cueilleur de date	`<uni-date-picker>`	✅	Docs	Démo
"	Cueilleur de plage de dates	`<uni-daterange-picker>`	✅	Docs	Démo
"	Cueilleur de date	`<uni-datetime-picker>`	✅	Docs	Démo
"	Cueilleur d'image	`<uni-image-picker>`	?	Docs	-
"	Saisir	`<uni-input>`	✅	Docs	Démo
"	Radio	`<uni-radio>`	✅	Docs	Démo
"	Sélectionner	`<uni-select>`	✅	Docs	Démo
"	Curseur	`<uni-slider>`	?	Docs	Démo
"	Plage de curseur	`<uni-slider-range>`	?	Docs	Démo
"	Cueilleur de temps	`<uni-time-picker>`	✅	Docs	Démo
"	Basculer	`<uni-toggle>`	✅	Docs	Démo
Ui	Bouton	`<uni-button>`	✅	Docs	Démo
"	Fichier de bouton	`<uni-button-file>`	?	Docs	Démo
"	Groupe de boutons	`<uni-button-group>`	✅	Docs	Démo
"	En-tête de bouton	`<uni-button-header>`	✅	Docs	Démo
"	Menu	`<uni-button-menu>`	✅	Docs	Démo
"	Popup de bouton	`<uni-button-popup>`	✅	Docs	Démo
"	Calendrier	`<uni-calendar>`	✅	Docs	Démo
"	Carrousel	`<uni-carousel>`	?	Docs	-
"	Horloge	`<uni-clock>`	✅	Docs	Démo
"	DataGrid	`<uni-datagrid>`	?	Docs	Démo
"	Filtres	`<uni-filters>`	?	Docs	Démo
"	Liste des filtres	`<uni-filters-list>`	?	Docs	-
"	Liste	`<uni-list>`	?	Docs	Démo
"	Menu	`<uni-menu>`	✅	Docs	Démo
"	Paginateur	`<uni-paginator>`	✅	Docs	Démo
"	Arbre	`<uni-tree>`	⚪	Docs	-
Utils	Alerte	`<uni-alert>`	✅	Docs	Démo
"	Badge	`<uni-badge>`	✅	Docs	Démo
"	Ébrécher	`<uni-chip>`	?	Docs	Démo
"	Affronter	`<uni-face>`	✅	Docs	Démo
"	Icône	`<uni-icon>`	✅	Docs	-
"	Progrès	`<uni-progress>`	✅	Docs	Démo
"	Séparateur	`<uni-separator>`	✅	Docs	-
"	Fileur	`<uni-spinner>`	✅	Docs	Démo
"	Griller	`<uni-toast>`	?	Docs	-
"	Infraction	`<uni-tooltip>`	?	Docs	-
Vues	DataGrid filtré	`<uni-filtered-datagrid>`	?	Docs	-
"	En-tête de recherche	`<uni-search-header>`	?	Docs	-