DrawerTemplate#

This component will create a template with a drawer. It must contain DrawerContainer and MainContainer as child.

Can't be used outside <Theme>.

Example#

import { DrawerTemplate, DrawerContainer, MainContainer } from 'la-danze-ui';
function App() {
return (
// Must contain a DrawerContainer and a MainContainer
<DrawerTemplate>
<DrawerContainer>
<div>drawer content</div>
</DrawerContainer>
<MainContainer>
<div>main content</div>
</MainContainer>
</DrawerTemplate>
);
}

Props#

NameTypeDefaultRequiredDescription
childrenReact.ReactNodeYesThe component tree (must contain DrawerContainer and MainContainer).

DrawerContainer#

Can't be used outside<DrawerTemplate>.

Props#

NameTypeDefaultRequiredDescription
childrenReact.ReactNodeYesDrawer content

MainContainer#

Can't be used outside<DrawerTemplate>.

Props#

NameTypeDefaultRequiredDescription
childrenReact.ReactNodeYesMain content