Home > @uniformdev/design-system > DrawerRenderer

DrawerRenderer() function

Renders a stack of drawers in a different location than their original position in the component tree. Uses React Portal under the hood.

Signature:

Parameters

ParameterTypeDescription
{ stackId, position, width, minWidth, maxWidth, leftAligned, withoutFluidWidth, ...otherProps }DrawerRendererProps

Returns:

_emotion_react_jsx_runtime.JSX.Element | null

Example

<DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>