lil ui

lil ui

Um conjunto de componentes muito básicos para projetos de reação.

Projetado para ser usado fora da caixa ou da moda de interface do usuário DIY com Tailwindcss ou componentes estilizados.

→ Demo e documentação

Instalação

 yarn add lil-ui
npm install lil-ui

Componentes

• Modal
• Paine
• Botão

Modal

Prop	Tipo	Valor padrão	Opções
show	boolean	false	true para mostrar o modal false para esconder o modal
children	string / component	-	O conteúdo modal pode ser passado quando crianças
titleComponent	component	-	Componente personalizado para cabeçalho modal
backdropComponent	component	-	Componente personalizado para cenário modal
title	string	-	Título modal
onClose	function	-	Função para executar quando o modal fechar
hideBackdrop	boolean	-	Definido como true para ter um cenário transparente
modalWidth	string	500px	Defina largura personalizada para modal, por exemplo, 600px

Paine

Prop	Tipo	Valor padrão	Opções
show	boolean	false	true para mostrar o modal false para esconder o modal
children	string / component	-	O conteúdo modal pode ser passado quando crianças
titleComponent	component	-	Componente personalizado para cabeçalho modal
backdropComponent	component	-	Componente personalizado para cenário modal
title	string	-	Título modal
onClose	function	-	Função para executar quando o modal fechar
hideBackdrop	boolean	-	Definido como true para ter um cenário transparente
paneWidth	string	500px	Defina largura personalizada para modal, por exemplo, 600px
position	string	-	Situado left para mostrar o painel da esquerda

Botão

Prop	Tipo	Valor padrão	Opções
className	string	-	Nomes de classe personalizados para tag button
onClick	function	-	Uma função chamada quando o botão é clicado
style	object	-	Objeto de estilos embutidos para aplicar na tag button
children	string / component	-	Etiqueta para o botão