lil ui

lil ui

Un ensemble de composants très basiques pour les projets React.

Conçu pour être utilisé hors de la boîte ou à la mode UI de bricolage avec des windcss de tailwind ou des composants stylisés.

→ Demo et documentation

Installation

 yarn add lil-ui
npm install lil-ui

Composants

• Modal
• Vitre
• Bouton

Modal

Soutenir	Taper	Valeur par défaut	Options
show	boolean	false	true à montrer le modal false pour cacher le modal
children	string / component	-	Le contenu modal peut être passé en tant qu'enfants
titleComponent	component	-	Composant personnalisé pour une rubrique modale
backdropComponent	component	-	Composant personnalisé pour la toile de fond modale
title	string	-	Titre modal
onClose	function	-	Fonction à exécuter à la fermeture du modal
hideBackdrop	boolean	-	Réglé sur True pour avoir une toile de fond transparente
modalWidth	string	500px	Définir la largeur personnalisée pour modal, par exemple 600px

Vitre

Soutenir	Taper	Valeur par défaut	Options
show	boolean	false	true à montrer le modal false pour cacher le modal
children	string / component	-	Le contenu modal peut être passé en tant qu'enfants
titleComponent	component	-	Composant personnalisé pour une rubrique modale
backdropComponent	component	-	Composant personnalisé pour la toile de fond modale
title	string	-	Titre modal
onClose	function	-	Fonction à exécuter à la fermeture du modal
hideBackdrop	boolean	-	Réglé sur True pour avoir une toile de fond transparente
paneWidth	string	500px	Définir la largeur personnalisée pour modal, par exemple 600px
position	string	-	Réglé left pour montrer le volet de gauche

Bouton

Soutenir	Taper	Valeur par défaut	Options
className	string	-	Noms de classe personnalisés pour la balise button
onClick	function	-	Une fonction qui s'appelle quand le bouton est cliqué
style	object	-	Objet des styles en ligne à appliquer sur la balise button
children	string / component	-	Étiqueter le bouton