Начало | Basic UI

Вступление #

Basic UI — это библиотека с готовыми UI-решениями, написанная на ванильном js.

Список элементов, которые реализованы на данный момент.

Настройки #

Есть несколько способов подключить библиотеку.

Скачать актуальную версию^v.0.9.7 и самостоятельно подключить в нужном месте файлы 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.7 и самостоятельно импортировать и потом инициализировать необходимые UI-элементы из файла basic-ui.esm.min.js.

	import { BasicAccordion, BasicPopup } from 'basic-ui.esm.min.js';

	BasicAccordion.init();
	BasicPopup.init();

Внешний вид #

Все 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+`)	—