lil ui

lil ui

Un conjunto de componentes muy básicos para los proyectos React.

Diseñado para ser utilizado de la caja o de la moda de interfaz de usuario de bricolaje con tallas o componentes de estilo.

→ demostración y documentación

Instalación

 yarn add lil-ui
npm install lil-ui

Componentes

• Modal
• Cristal
• Botón

Modal

Apuntalar	Tipo	Valor predeterminado	Opción
show	boolean	false	true a mostrar el modal false para ocultar el modal
children	string / component	-	El contenido modal se puede pasar cuando niños
titleComponent	component	-	Componente personalizado para encabezado modal
backdropComponent	component	-	Componente personalizado para telón de fondo modal
title	string	-	Título modal
onClose	function	-	Función para ejecutarse cuando se cierre modal
hideBackdrop	boolean	-	Establecido en verdadero para tener telón de fondo transparente
modalWidth	string	500px	Establezca un ancho personalizado para modal, por ejemplo, 600px

Cristal

Apuntalar	Tipo	Valor predeterminado	Opción
show	boolean	false	true a mostrar el modal false para ocultar el modal
children	string / component	-	El contenido modal se puede pasar cuando niños
titleComponent	component	-	Componente personalizado para encabezado modal
backdropComponent	component	-	Componente personalizado para telón de fondo modal
title	string	-	Título modal
onClose	function	-	Función para ejecutarse cuando se cierre modal
hideBackdrop	boolean	-	Establecido en verdadero para tener telón de fondo transparente
paneWidth	string	500px	Establezca un ancho personalizado para modal, por ejemplo, 600px
position	string	-	Establecer left para mostrar el panel desde la izquierda

Botón

Apuntalar	Tipo	Valor predeterminado	Opción
className	string	-	Nombres de clase personalizados para la etiqueta button
onClick	function	-	Una función que se llama cuando se hace clic en el botón
style	object	-	Objeto de estilos en línea para aplicar en la etiqueta button
children	string / component	-	Etiqueta para el botón