unicorn_components
1.0.0
Компонентный набор для компонентов UI на платформе Unicorn.
npm install --save @unicorn.io/componentshttps://nitsnets.github.io/unicorn_components
Импортировать модуль
import { UnicornComponentsModule } from '@unicorn.io/components' ;
@ NgModule ( {
imports : [
UnicornComponentsModule . forRoot ( )
]
} )
export class AppModule { }Начните использовать компоненты
< uni-button label =" My button " > </ uni-button >Выберите «Стили -тему» (необязательно)
@import ' ./node_modules/@unicorn.io/components/styles/themes/cms/all ' | Группа | Компонент | Именование | Статус | Док | Демо |
|---|---|---|---|---|---|
| Графики | Диаграмма | <uni-chart> | ? | Док | - |
| " | Легенда | <uni-chart-legend> | ? | Док | - |
| " | Подсказка | <uni-chart-tooltip> | ? | Док | - |
| Контейнеры | Аккордеон | <uni-accordion> | ✅ | Док | Демо |
| " | В стороне | <uni-aside> | ✅ | Док | Демо |
| " | Тело | <uni-body> | ✅ | Док | Демо |
| " | Коробка | <uni-box> | ✅ | Док | Демо |
| " | Заголовок | <uni-header> | ✅ | Док | Демо |
| " | Макет | <uni-layout> | ✅ | Док | Демо |
| " | Модальный | <uni-modal> | ✅ | Док | - |
| " | Неожиданно возникнуть | <uni-popup> | ✅ | Док | Демо |
| " | Ряд | <uni-row> | ✅ | Док | Демо |
| " | Ряд проставка | <uni-row-spacer> | ✅ | Док | Демо |
| " | Вкладки | <uni-tabs> | ✅ | Док | Демо |
| Формы | Кнопка переключения | <uni-button-toggle> | ✅ | Док | Демо |
| " | Флажок | <uni-checkbox> | ✅ | Док | Демо |
| " | Редактор кода | <uni-code-editor> | ? | Док | - |
| " | Пикер даты | <uni-date-picker> | ✅ | Док | Демо |
| " | Сборник дат | <uni-daterange-picker> | ✅ | Док | Демо |
| " | Дата времени выбора | <uni-datetime-picker> | ✅ | Док | Демо |
| " | Сборщик изображений | <uni-image-picker> | ? | Док | - |
| " | Вход | <uni-input> | ✅ | Док | Демо |
| " | Радио | <uni-radio> | ✅ | Док | Демо |
| " | Выбирать | <uni-select> | ✅ | Док | Демо |
| " | Слайдер | <uni-slider> | ? | Док | Демо |
| " | Диапазон слайдеров | <uni-slider-range> | ? | Док | Демо |
| " | Время сборщика | <uni-time-picker> | ✅ | Док | Демо |
| " | Переключать | <uni-toggle> | ✅ | Док | Демо |
| UI | Кнопка | <uni-button> | ✅ | Док | Демо |
| " | Файл кнопки | <uni-button-file> | ? | Док | Демо |
| " | Кнопка группы | <uni-button-group> | ✅ | Док | Демо |
| " | Заголовок кнопки | <uni-button-header> | ✅ | Док | Демо |
| " | Меню кнопок | <uni-button-menu> | ✅ | Док | Демо |
| " | Всплывающее окно кнопки | <uni-button-popup> | ✅ | Док | Демо |
| " | Календарь | <uni-calendar> | ✅ | Док | Демо |
| " | Карусель | <uni-carousel> | ? | Док | - |
| " | Часы | <uni-clock> | ✅ | Док | Демо |
| " | DataGrid | <uni-datagrid> | ? | Док | Демо |
| " | Фильтры | <uni-filters> | ? | Док | Демо |
| " | Список фильтров | <uni-filters-list> | ? | Док | - |
| " | Список | <uni-list> | ? | Док | Демо |
| " | Меню | <uni-menu> | ✅ | Док | Демо |
| " | Пагин | <uni-paginator> | ✅ | Док | Демо |
| " | Дерево | <uni-tree> | ⚪ | Док | - |
| Утилит | Тревога | <uni-alert> | ✅ | Док | Демо |
| " | Значок | <uni-badge> | ✅ | Док | Демо |
| " | Чип | <uni-chip> | ? | Док | Демо |
| " | Лицо | <uni-face> | ✅ | Док | Демо |
| " | Икона | <uni-icon> | ✅ | Док | - |
| " | Прогресс | <uni-progress> | ✅ | Док | Демо |
| " | Сепаратор | <uni-separator> | ✅ | Док | - |
| " | Спиннер | <uni-spinner> | ✅ | Док | Демо |
| " | Тост | <uni-toast> | ? | Док | - |
| " | Подсказка | <uni-tooltip> | ? | Док | - |
| Виды | Отфильтрованный DataGrid | <uni-filtered-datagrid> | ? | Док | - |
| " | Поиск заголовка | <uni-search-header> | ? | Док | - |
Легенда :
⚪ Скоро
? Исходный
✅ стабильный
? Нестабильный
⚫ Установилось
