Unicorn-components NPM

Unicorn Components

Angular UI componentes kit of Unicorn Platform.

Install

npm install unicorn_components --save

Usage

import { UnicornComponentsModule } from 'unicorn_components';

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

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

Demo

http://components.servidorbeta.com

List of components

Grupo	Componente	Nomenclatura	Estado	+ Info
Charts	Chart	`<uni-chart>`	:large_blue_circle:	+ Info
"	Legend	`<uni-chart-legend>`	:large_blue_circle:	+ Info
"	Tooltip	`<uni-chart-tooltip>`	:red_circle:	+ Info
Containers	Accordion	`<uni-accordion>`	:white_check_mark:	+ Info
"	Aside	`<uni-aside>`	:white_check_mark:	+ Info
"	Body	`<uni-body>`	:white_check_mark:	+ Info
"	Box	`<uni-box>`	:white_check_mark:	+ Info
"	Header	`<uni-header>`	:white_check_mark:	+ Info
"	Layout	`<uni-layout>`	:white_check_mark:	+ Info
"	Modal	`<uni-modal>`	:white_check_mark:	+ Info
"	Popup	`<uni-popup>`	:white_check_mark:	+ Info
"	Row	`<uni-row>`	:white_check_mark:	+ Info
"	Row Spacer	`<uni-row-spacer>`	:white_check_mark:	+ Info
"	Tabs	`<uni-tabs>`	:white_check_mark:	+ Info
Forms	Button toggle	`<uni-button-toggle>`	:white_check_mark:	+ Info
"	Checkbox	`<uni-checkbox>`	:white_check_mark:	+ Info
"	Code Editor	`<uni-code-editor>`	:red_circle:	+ Info
"	Date Picker	`<uni-date-picker>`	:white_check_mark:	+ Info
"	Date Range Picker	`<uni-daterange-picker>`	:white_check_mark:	+ Info
"	Date Time Picker	`<uni-datetime-picker>`	:white_check_mark:	+ Info
"	Image Picker	`<uni-image-picker>`	:large_blue_circle:	+ Info
"	Input	`<uni-input>`	:white_check_mark:	+ Info
"	Radio	`<uni-radio>`	:white_check_mark:	+ Info
"	Select	`<uni-select>`	:white_check_mark:	+ Info
"	Slider	`<uni-slider>`	:large_blue_circle:	+ Info
"	Slider Range	`<uni-slider-range>`	:white_circle:	+ Info
"	Time Picker	`<uni-time-picker>`	:white_check_mark:	+ Info
"	Toggle	`<uni-toggle>`	:white_check_mark:	+ Info
UI	Button	`<uni-button>`	:white_check_mark:	+ Info
"	Button File	`<uni-button-file>`	:large_blue_circle:	+ Info
"	Button Group	`<uni-button-group>`	:white_check_mark:	+ Info
"	Button Header	`<uni-button-header>`	:white_check_mark:	+ Info
"	Button Menu	`<uni-button-menu>`	:white_check_mark:	+ Info
"	Button Popup	`<uni-button-popup>`	:white_check_mark:	+ Info
"	Calendar	`<uni-calendar>`	:white_check_mark:	+ Info
"	Carousel	`<uni-carousel>`	:large_blue_circle:	+ Info
"	Clock	`<uni-clock>`	:white_check_mark:	+ Info
"	Datagrid	`<uni-datagrid>`	:large_blue_circle:	+ Info
"	Filters	`<uni-filters>`	:large_blue_circle:	+ Info
"	Filters List	`<uni-filters-list>`	:large_blue_circle:	+ Info
"	List	`<uni-list>`	:large_blue_circle:	+ Info
"	Menu	`<uni-menu>`	:white_check_mark:	+ Info
"	Paginator	`<uni-paginator>`	:white_check_mark:	+ Info
"	Tree	`<uni-tree>`	:white_circle:	+ Info
Utils	Alert	`<uni-alert>`	:white_check_mark:	+ Info
"	Badge	`<uni-badge>`	:white_check_mark:	+ Info
"	Chip	`<uni-chip>`	:large_blue_circle:	+ Info
"	Face	`<uni-face>`	:white_check_mark:	+ Info
"	Icon	`<uni-icon>`	:white_check_mark:	+ Info
"	Progress	`<uni-progress>`	:white_check_mark:	+ Info
"	Separator	`<uni-separator>`	:white_check_mark:	+ Info
"	Spinner	`<uni-spinner>`	:white_check_mark:	+ Info
"	Toast	`<uni-toast>`	:red_circle:	+ Info
"	Tooltip	`<uni-tooltip>`	:red_circle:	+ Info
Views	Filtered Datagrid	`<uni-filtered-datagrid>`	:large_blue_circle:	+ Info
"	Search Header	`<uni-search-header>`	:large_blue_circle:	+ Info