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	-	按鈕標籤