lil ui

Lil UI

一组针对React项目的非常基本的组件。

设计用于开箱即用，或以DIY UI方式使用，带有尾翼或样式的组件。

→演示和文档

安装

 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	设置模态的自定义宽度，例如600px

窗格

支柱	类型	默认值	选项
show	boolean	false	true模态 false隐藏模态
children	string / component	-	模态含量可以在孩子的时候传递
titleComponent	component	-	模态标题的自定义组件
backdropComponent	component	-	模态背景的自定义组件
title	string	-	模态标题
onClose	function	-	模态关闭时运行的功能
hideBackdrop	boolean	-	设置为透明的背景
paneWidth	string	500px	设置模态的自定义宽度，例如600px
position	string	-	left从左侧展示窗格

按钮

支柱	类型	默认值	选项
className	string	-	button标签的自定义类名称
onClick	function	-	单击按钮时称为的函数
style	object	-	内联样式的对象应用button标签
children	string / component	-	按钮标签