lil ui

lil ui

Eine Reihe sehr grundlegender Komponenten für React -Projekte.

Entworfen, um nicht in der Kiste oder in der DIY -UI -Mode mit Rückenwindcss oder gestalteten Komponenten verwendet zu werden.

→ Demo und Dokumentation

Installation

 yarn add lil-ui
npm install lil-ui

Komponenten

• Modal
• Scheibe
• Taste

Modal

Stütze	Typ	Standardwert	Optionen
show	boolean	false	true , das Modal zu zeigen false , um das Modal zu verbergen
children	string / component	- -	Modalinhalte können als Kinder übergeben werden
titleComponent	component	- -	Benutzerdefinierte Komponente für die modale Überschrift
backdropComponent	component	- -	Benutzerdefinierte Komponente für die modale Kulisse
title	string	- -	Modal -Titel
onClose	function	- -	Funktion zum Ausführen, wenn Modal schließt
hideBackdrop	boolean	- -	Auf treu eingestellt, um eine transparente Kulisse zu haben
modalWidth	string	500px	Stellen Sie die benutzerdefinierte Breite für Modal, z. B. 600px, ein

Scheibe

Stütze	Typ	Standardwert	Optionen
show	boolean	false	true , das Modal zu zeigen false , um das Modal zu verbergen
children	string / component	- -	Modalinhalte können als Kinder übergeben werden
titleComponent	component	- -	Benutzerdefinierte Komponente für die modale Überschrift
backdropComponent	component	- -	Benutzerdefinierte Komponente für die modale Kulisse
title	string	- -	Modal -Titel
onClose	function	- -	Funktion zum Ausführen, wenn Modal schließt
hideBackdrop	boolean	- -	Auf treu eingestellt, um eine transparente Kulisse zu haben
paneWidth	string	500px	Stellen Sie die benutzerdefinierte Breite für Modal, z. B. 600px, ein
position	string	- -	left einstellen, um den Bereich von links zu zeigen

Taste

Stütze	Typ	Standardwert	Optionen
className	string	- -	Benutzerdefinierte Klassennamen für button -Tag
onClick	function	- -	Eine Funktion, die aufgerufen wird, wenn die Schaltfläche geklickt wird
style	object	- -	Objekt der Inline -Stile, die auf button -Tag angewendet werden können
children	string / component	- -	Beschriftung für die Taste