unicorn-components
v1.0.0-11
Published
<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>
Downloads
75
Readme
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
Legend:
:white_circle: Coming soon
:large_blue_circle: Initial
:white_check_mark: Stable
:red_circle: Unstable
:black_circle: Deprecated