lil ui

릴 UI

React 프로젝트를위한 매우 기본적인 구성 요소 세트.

Tailwindcs 또는 스타일 구성 요소와 함께 상자 나 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	-	투명한 배경을 갖도록 true로 설정하십시오
modalWidth	string	500px	Modal, 예 : 600px의 사용자 정의 너비를 설정하십시오

창유리

소품	유형	기본값	옵션
show	boolean	false	모달을 보여주는 것이 true 모달을 숨기는 것은 false
children	string / component	-	모달 내용은 어린이로 전달 될 수 있습니다
titleComponent	component	-	모달 헤딩을위한 맞춤 구성 요소
backdropComponent	component	-	모달 배경을위한 맞춤 구성 요소
title	string	-	모달 제목
onClose	function	-	모달이 닫히면 실행할 기능
hideBackdrop	boolean	-	투명한 배경을 갖도록 true로 설정하십시오
paneWidth	string	500px	Modal, 예 : 600px의 사용자 정의 너비를 설정하십시오
position	string	-	왼쪽에서 창을 표시하도록 left 설정했습니다

단추

소품	유형	기본값	옵션
className	string	-	button 태그의 사용자 정의 클래스 이름
onClick	function	-	버튼을 클릭 할 때 호출되는 함수
style	object	-	인라인 스타일의 객체에 button 태그에 적용합니다
children	string / component	-	버튼에 대한 레이블