unicorn_components

Componentes de unicornio

Kit de componentes de la interfaz de usuario angular de la plataforma de unicornio.

---

Instalar

npm install --save @unicorn.io/components

Manifestación

https://nitsnets.github.io/unicorn_components

Uso

Importar el módulo

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

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

Comience a usar componentes

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

Seleccione el tema de los estilos (opcional)

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

Lista de componentes

Grupo	Componente	Nombramiento	Estado	Documento	Manifestación
Gráficos	Cuadro	<uni-chart>	?	Documento	-
"	Leyenda	<uni-chart-legend>	?	Documento	-
"	Comedia de herramientas	<uni-chart-tooltip>	?	Documento	-
Contenedores	Acordeón	<uni-accordion>	✅	Documento	Manifestación
"	Aparte	<uni-aside>	✅	Documento	Manifestación
"	Cuerpo	<uni-body>	✅	Documento	Manifestación
"	Caja	<uni-box>	✅	Documento	Manifestación
"	Encabezamiento	<uni-header>	✅	Documento	Manifestación
"	Disposición	<uni-layout>	✅	Documento	Manifestación
"	Modal	<uni-modal>	✅	Documento	-
"	Ventana emergente	<uni-popup>	✅	Documento	Manifestación
"	Fila	<uni-row>	✅	Documento	Manifestación
"	Espaciador de hilera	<uni-row-spacer>	✅	Documento	Manifestación
"	Cortina a la italiana	<uni-tabs>	✅	Documento	Manifestación
Formularios	Botón	<uni-button-toggle>	✅	Documento	Manifestación
"	Caja	<uni-checkbox>	✅	Documento	Manifestación
"	Editor de código	<uni-code-editor>	?	Documento	-
"	Seleccionador de fecha	<uni-date-picker>	✅	Documento	Manifestación
"	Seleccionador de rango de fechas	<uni-daterange-picker>	✅	Documento	Manifestación
"	Seleccionador de fecha	<uni-datetime-picker>	✅	Documento	Manifestación
"	Seleccionador de imágenes	<uni-image-picker>	?	Documento	-
"	Aporte	<uni-input>	✅	Documento	Manifestación
"	Radio	<uni-radio>	✅	Documento	Manifestación
"	Seleccionar	<uni-select>	✅	Documento	Manifestación
"	Control deslizante	<uni-slider>	?	Documento	Manifestación
"	Rango deslizante	<uni-slider-range>	?	Documento	Manifestación
"	Seleccionador de tiempo	<uni-time-picker>	✅	Documento	Manifestación
"	Palanca	<uni-toggle>	✅	Documento	Manifestación
Ui	Botón	<uni-button>	✅	Documento	Manifestación
"	Archivo de botones	<uni-button-file>	?	Documento	Manifestación
"	Grupo de botones	<uni-button-group>	✅	Documento	Manifestación
"	Encabezado de botón	<uni-button-header>	✅	Documento	Manifestación
"	Menú de botones	<uni-button-menu>	✅	Documento	Manifestación
"	Botón emergente	<uni-button-popup>	✅	Documento	Manifestación
"	Calendario	<uni-calendar>	✅	Documento	Manifestación
"	Carrusel	<uni-carousel>	?	Documento	-
"	Reloj	<uni-clock>	✅	Documento	Manifestación
"	Datagrí	<uni-datagrid>	?	Documento	Manifestación
"	Filtros	<uni-filters>	?	Documento	Manifestación
"	Lista de filtros	<uni-filters-list>	?	Documento	-
"	Lista	<uni-list>	?	Documento	Manifestación
"	Menú	<uni-menu>	✅	Documento	Manifestación
"	Paginador	<uni-paginator>	✅	Documento	Manifestación
"	Árbol	<uni-tree>	⚪	Documento	-
Tensiones	Alerta	<uni-alert>	✅	Documento	Manifestación
"	Insignia	<uni-badge>	✅	Documento	Manifestación
"	Chip	<uni-chip>	?	Documento	Manifestación
"	Rostro	<uni-face>	✅	Documento	Manifestación
"	Icono	<uni-icon>	✅	Documento	-
"	Progreso	<uni-progress>	✅	Documento	Manifestación
"	Separador	<uni-separator>	✅	Documento	-
"	Hilandero	<uni-spinner>	✅	Documento	Manifestación
"	Tostada	<uni-toast>	?	Documento	-
"	Comedia de herramientas	<uni-tooltip>	?	Documento	-
Vistas	Datagrid filtrado	<uni-filtered-datagrid>	?	Documento	-
"	Encabezado de búsqueda	<uni-search-header>	?	Documento	-

Leyenda :

⚪ Próximamente

? Inicial

✅ Estable

? Inestable

⚫ Deprecido