Вступление #
Basic UI — это библиотека с готовыми UI-решениями, написанная на ванильном js.
Список элементов, которые реализованы на данный момент.
Настройки #
Есть несколько способов подключить библиотеку.
- Скачать актуальную версиюv.0.9.8 и самостоятельно подключить в нужном месте файлы
basic-ui.min.cssиbasic-ui.min.js.
<link rel="stylesheet" href="css/basic-ui.min.css" />
<script src="js/basic-ui.min.js"></script>
В данном примере все элементы заранее инициализированы, остаётся только добавить нужную разметку и при необходимости воспользоваться параметрами и методами.
- Скачать актуальную версиюv.0.9.8 и самостоятельно импортировать и потом инициализировать необходимые UI-элементы из файла
basic-ui.esm.min.js.
import { BasicAccordion, BasicPopup } from 'basic-ui.esm.min.js'
BasicAccordion.init()
BasicPopup.init()
Так же отдельно подключить css-файл basic-ui.min.css.
Внешний вид #
Все UI-элементы не имеют определённого внешнего вида, поэтому их можно оформить по своему усмотрению. Стилизованы только анимации переходов и состояние видимости.
Поддержка браузерами #
Десктоп #
| Браузер | Статус | Примечание |
|---|---|---|
IE |
Частично(IE10+) |
Поддерживает всё, кроме календаря. |
Chrome, Yandex Browser, Opera, Microsoft Edge, Brave |
Поддерживает | — |
Firefox Mozilla |
Поддерживает | — |
Safari |
Поддерживает(10+) |
— |
Мобильные устройства #
Android #
| Браузер | Статус | Примечание |
|---|---|---|
Chrome, Yandex Browser, Opera, Microsoft Edge, Brave |
Поддерживает | — |
Firefox Mozilla |
Поддерживает | — |
IOS #
| Браузер | Статус | Примечание |
|---|---|---|
Chrome, Yandex Browser, Opera, Microsoft Edge, Brave, Firefox Mozilla |
Поддерживает | — |
Safari |
Поддерживает(10+) |
— |