@licuido-ui/ui_layout NPM

Layout

Layout components are components in React whose primary concern is helping us to arrange other components that we create on the page.

npm i @licuido-ui/ui_layout

import { Layout } from '@licuido-ui/ui_layout';

<Layout headerComponent={<Header />} bodyComponent={<BodyContent />} footerComponent={<Footer />} />

alt text

<Layout 
   headerComponent={<Header />} 
   bodyComponent={<BodyContent />} 
   footerComponent={<Footer />} 
/>

Name	Description	Default	Control
id	string	string	string
containerStyle	SxProps<{}>	{ }	containerStyle : {}
headerStyle	SxProps<{}>	{ }	headerStyle : {}
bodyStyle	SxProps<{}>	{ }	bodyStyle : {}
footerStyle	SxProps<{}>	{ }	footerStyle : {}
headerComponent	ReactNode	<></>	ReactNode
bodyComponent	ReactNode	<></>	ReactNode
footerComponent	ReactNode	<></>	ReactNode
className	string	-	Set string
sx	SxProps<Theme>	-	Set object

8 months ago