unicorn_components
1.0.0
Kit de componentes da interface do usuário angular da plataforma unicórnio.
npm install --save @unicorn.io/componentshttps://nitsnets.github.io/unicorn_components
Importar o módulo
import { UnicornComponentsModule } from '@unicorn.io/components' ;
@ NgModule ( {
imports : [
UnicornComponentsModule . forRoot ( )
]
} )
export class AppModule { }Comece a usar componentes
< uni-button label =" My button " > </ uni-button >Selecione o tema dos estilos (opcional)
@import ' ./node_modules/@unicorn.io/components/styles/themes/cms/all ' | Grupo | Componente | Nomeação | Status | Documentos | Demonstração |
|---|---|---|---|---|---|
| Gráficos | Gráfico | <uni-chart> | ? | Documentos | - |
| " | Lenda | <uni-chart-legend> | ? | Documentos | - |
| " | Dip de ferramenta | <uni-chart-tooltip> | ? | Documentos | - |
| Contêineres | Acordeão | <uni-accordion> | ✅ | Documentos | Demonstração |
| " | Aparte | <uni-aside> | ✅ | Documentos | Demonstração |
| " | Corpo | <uni-body> | ✅ | Documentos | Demonstração |
| " | Caixa | <uni-box> | ✅ | Documentos | Demonstração |
| " | Cabeçalho | <uni-header> | ✅ | Documentos | Demonstração |
| " | Layout | <uni-layout> | ✅ | Documentos | Demonstração |
| " | Modal | <uni-modal> | ✅ | Documentos | - |
| " | Aparecer | <uni-popup> | ✅ | Documentos | Demonstração |
| " | Linha | <uni-row> | ✅ | Documentos | Demonstração |
| " | Spacer de linha | <uni-row-spacer> | ✅ | Documentos | Demonstração |
| " | Guias | <uni-tabs> | ✅ | Documentos | Demonstração |
| Formas | Alternância do botão | <uni-button-toggle> | ✅ | Documentos | Demonstração |
| " | Caixa de seleção | <uni-checkbox> | ✅ | Documentos | Demonstração |
| " | Editor de código | <uni-code-editor> | ? | Documentos | - |
| " | Picker de data | <uni-date-picker> | ✅ | Documentos | Demonstração |
| " | Picker de intervalo de data | <uni-daterange-picker> | ✅ | Documentos | Demonstração |
| " | Data Hora Picker | <uni-datetime-picker> | ✅ | Documentos | Demonstração |
| " | Seletor de imagem | <uni-image-picker> | ? | Documentos | - |
| " | Entrada | <uni-input> | ✅ | Documentos | Demonstração |
| " | Rádio | <uni-radio> | ✅ | Documentos | Demonstração |
| " | Selecione | <uni-select> | ✅ | Documentos | Demonstração |
| " | Slider | <uni-slider> | ? | Documentos | Demonstração |
| " | Faixa deslizante | <uni-slider-range> | ? | Documentos | Demonstração |
| " | Picker de tempo | <uni-time-picker> | ✅ | Documentos | Demonstração |
| " | Alternar | <uni-toggle> | ✅ | Documentos | Demonstração |
| Ui | Botão | <uni-button> | ✅ | Documentos | Demonstração |
| " | Arquivo de botão | <uni-button-file> | ? | Documentos | Demonstração |
| " | Grupo de botões | <uni-button-group> | ✅ | Documentos | Demonstração |
| " | Cabeçalho do botão | <uni-button-header> | ✅ | Documentos | Demonstração |
| " | Menu do botão | <uni-button-menu> | ✅ | Documentos | Demonstração |
| " | Pop -up de botão | <uni-button-popup> | ✅ | Documentos | Demonstração |
| " | Calendário | <uni-calendar> | ✅ | Documentos | Demonstração |
| " | Carrossel | <uni-carousel> | ? | Documentos | - |
| " | Relógio | <uni-clock> | ✅ | Documentos | Demonstração |
| " | Datagrid | <uni-datagrid> | ? | Documentos | Demonstração |
| " | Filtros | <uni-filters> | ? | Documentos | Demonstração |
| " | Lista de filtros | <uni-filters-list> | ? | Documentos | - |
| " | Lista | <uni-list> | ? | Documentos | Demonstração |
| " | Menu | <uni-menu> | ✅ | Documentos | Demonstração |
| " | Paginador | <uni-paginator> | ✅ | Documentos | Demonstração |
| " | Árvore | <uni-tree> | ⚪ | Documentos | - |
| UTILS | Alerta | <uni-alert> | ✅ | Documentos | Demonstração |
| " | Distintivo | <uni-badge> | ✅ | Documentos | Demonstração |
| " | Chip | <uni-chip> | ? | Documentos | Demonstração |
| " | Face | <uni-face> | ✅ | Documentos | Demonstração |
| " | Ícone | <uni-icon> | ✅ | Documentos | - |
| " | Progresso | <uni-progress> | ✅ | Documentos | Demonstração |
| " | Separador | <uni-separator> | ✅ | Documentos | - |
| " | Spinner | <uni-spinner> | ✅ | Documentos | Demonstração |
| " | Brinde | <uni-toast> | ? | Documentos | - |
| " | Dip de ferramenta | <uni-tooltip> | ? | Documentos | - |
| Visualizações | Datagrid filtrado | <uni-filtered-datagrid> | ? | Documentos | - |
| " | Cabeçalho de pesquisa | <uni-search-header> | ? | Documentos | - |
Lenda :
⚪ em breve
? Inicial
✅ estável
? Instável
⚫ depreciado
