*

lil ui

Minimalistic SIY(style it yourself) UI components for your React project

Modal

PropTypeDefault valueOptions
showbooleanfalse

true to show the modal

false to hide the modal

childrenstring/component-
Modal content can be passed as children
titleComponentcomponent-
Custom component for modal heading
backdropComponentcomponent-
Custom component for modal backdrop
titlestring-
Modal title
onClosefunction-
Function to run when modal closes
hideBackdropboolean-Set to true to have transparent backdrop
modalWidthstring500pxSet custom width for modal, e.g 600px

Pane

PropTypeDefault valueOptions
showbooleanfalse

true to show the modal

false to hide the modal

childrenstring/component-
Modal content can be passed as children
titleComponentcomponent-
Custom component for modal heading
backdropComponentcomponent-
Custom component for modal backdrop
titlestring-
Modal title
onClosefunction-
Function to run when modal closes
hideBackdropboolean-Set to true to have transparent backdrop
paneWidthstring500pxSet custom width for modal, e.g 600px
positionstring-Set left to show pane from left

Button

PropTypeDefault valueOptions
classNamestring-Custom class names for button tag
onClickfunction-A function that's called when button is clicked
styleobject-Object of inline styles to apply on button tag
childrenstring/component-Label for the button