jcore-ui
Version:
jcore-ui - components for building an interface
97 lines (73 loc) • 3.69 kB
Markdown
[npm-url]: https://www.npmjs.com/package/jcore-ui
[npm-image]: https://img.shields.io/npm/v/jcore-ui?style=flat-square
[download-url]: https://www.npmjs.com/package/jcore-ui
[download-img]: https://img.shields.io/npm/dm/jcore-ui?style=flat-square
[license-image]: https://img.shields.io/npm/l/jcore-ui?style=flat-square
[license-url]: https://github.com/concore-dev/jcore-ui/blob/master/LICENSE
[logo-url]: https://
[logo-image]: svg
# jcore-ui [![NPM version][npm-image]][npm-url] [![NPM download][download-img]][download-url] [![GitHub license][license-image]][license-url]
Компоненты для создания интерфейса
#### [Документация](https://concore-dev.github.io/jcore-ui/)
## Установка
```js
npm i jcore-ui
```
## Использование
```js
import jcore from "jcore-ui"
const modal = new jcore.Modal({
options: {
mount: false
},
on: {
mount: (ctx) => {
// ...
}
}
})
modal.on('mount', (ctx) => {
// ...
})
modal.mount()
```
```scss
@import 'node_modules/jcore-ui/lib/scss/index.scss';
```
## Список компонентов
#### Разметка
Название | Ссылка на документацию |
--- | --- |
grid | [grid-docs](https://concore-dev.github.io/jcore-ui/markup/grid/)
container | [container-docs](https://concore-dev.github.io/jcore-ui/markup/container/)
button | [button-docs](https://concore-dev.github.io/jcore-ui/markup/button/)
input | [input-docs](https://concore-dev.github.io/jcore-ui/markup/input/)
form | [form-docs](https://concore-dev.github.io/jcore-ui/markup/form/)
table | [table-docs](https://concore-dev.github.io/jcore-ui/markup/table/)
#### js компоненты
Название | Ссылка на документацию |
--- | --- |
Accordion | [Accordion-docs](https://concore-dev.github.io/jcore-ui/components/accordion/)
Collapse | [Collapse-docs](https://concore-dev.github.io/jcore-ui/components/collapse/)
Dropdown | [Dropdown-docs](https://concore-dev.github.io/jcore-ui/components/dropdown/)
Modal | [Modal-docs](https://concore-dev.github.io/jcore-ui/components/modal/)
Progress | [Progress-docs](https://concore-dev.github.io/jcore-ui/components/progress/)
Select | [Select-docs](https://concore-dev.github.io/jcore-ui/components/select/)
Tab | [Tab-docs](https://concore-dev.github.io/jcore-ui/components/tab/)
Tooltip | [Tooltip-docs](https://concore-dev.github.io/jcore-ui/components/tooltip/)
#### html компоненты
Название | Ссылка на документацию |
--- | --- |
checkbox | [checkbox-docs](https://concore-dev.github.io/jcore-ui/components/checkbox/)
radio-button | [radio-button-docs](https://concore-dev.github.io/jcore-ui/components/radio/)
spinner | [spinner-docs](https://concore-dev.github.io/jcore-ui/components/spinner/)
toggle | [toggle-docs](https://concore-dev.github.io/jcore-ui/components/toggle/)
burger-button | [burger-button-docs](https://concore-dev.github.io/jcore-ui/components/burger/)
#### js утилиты
Название | Ссылка на документацию |
--- | --- |
EventEmitter | [EventEmitter-docs](https://concore-dev.github.io/jcore-ui/utils/EventEmitter/)
createTemplate | [createTemplate-docs](https://concore-dev.github.io/jcore-ui/utils/createTemplate/)
dataHref | [dataHref-docs](https://concore-dev.github.io/jcore-ui/utils/dataHref/)
dataScroll | [dataScroll-docs](https://concore-dev.github.io/jcore-ui/utils/dataScroll/)
waitFor | [waitFor-docs](https://concore-dev.github.io/jcore-ui/utils/waitFor/)