lil ui

lil UI

Набор очень основных компонентов для проектов React.

Предназначен для использования из коробки или в стиле пользовательского интерфейса с Tailwindcss или стилизованными компонентами.

→ Демонстрация и документация

Установка

 yarn add lil-ui
npm install lil-ui

Компоненты

• Модальный
• Панель
• Кнопка

Модальный

Проп	Тип	Значение по умолчанию	Параметры
show	boolean	false	true показывать модаль false скрыть модальный
children	string / component	-	Модальное содержание может быть передано в детстве
titleComponent	component	-	Пользовательский компонент для модального заголовка
backdropComponent	component	-	Пользовательский компонент для модального фона
title	string	-	Модальный заголовок
onClose	function	-	Функция запуска, когда модаль закрывается
hideBackdrop	boolean	-	Установить на то, чтобы иметь прозрачный фон
modalWidth	string	500px	Установите пользовательскую ширину для Modal, например, 600px

Панель

Проп	Тип	Значение по умолчанию	Параметры
show	boolean	false	true показывать модаль false скрыть модальный
children	string / component	-	Модальное содержание может быть передано в детстве
titleComponent	component	-	Пользовательский компонент для модального заголовка
backdropComponent	component	-	Пользовательский компонент для модального фона
title	string	-	Модальный заголовок
onClose	function	-	Функция запуска, когда модаль закрывается
hideBackdrop	boolean	-	Установить на то, чтобы иметь прозрачный фон
paneWidth	string	500px	Установите пользовательскую ширину для Modal, например, 600px
position	string	-	Установить left , чтобы показать панель слева

Кнопка

Проп	Тип	Значение по умолчанию	Параметры
className	string	-	Пользовательские имена классов для тега button
onClick	function	-	Функция, которая вызывается, когда нажимается кнопка
style	object	-	Объект встроенных стилей для применения на теге button
children	string / component	-	Метка для кнопки