Home > @uniformdev/design-system > DrawerRendererProps

DrawerRendererProps interface

Signature:

Extends: Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'>

Properties

<table><thead><tr><th>

Property

</th><th>

Modifiers

</th><th>

Type

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

leftAligned?

</td><td>

</td><td>

boolean

</td><td>

(Optional) Opens the drawer from left to right false

</td></tr> <tr><td>

maxWidth?

</td><td>

</td><td>

string

</td><td>

(Optional) The maximum width of the drawers. In any CSS length unit (px, rem, %, et al) '100%'

</td></tr> <tr><td>

minWidth?

</td><td>

</td><td>

string

</td><td>

(Optional) The minimum width of the drawers. In any CSS length unit (px, rem, %, et al) '0'

</td></tr> <tr><td>

position?

</td><td>

</td><td>

'absolute' | 'fixed' | 'sticky'

</td><td>

(Optional) Sets the css position value 'absolute'

</td></tr> <tr><td>

stackId

</td><td>

</td><td>

string

</td><td>

The ID of the stack to render. Some drawers need to use the same stack ID to be rendered here

</td></tr> <tr><td>

width?

</td><td>

</td><td>

'narrow' | 'medium' | 'wide' | (string & NonNullable<unknown>)

</td><td>

(Optional) The width of the drawers. In any CSS length unit (px, rem, %, et al). Can't use CSS functions (e.g. calc()) 'medium'

</td></tr> <tr><td>

withoutFluidWidth?

</td><td>

</td><td>

boolean

</td><td>

(Optional) If a drawer in the stack has a specific width prop, and its value is larger than the width of the current stack, the width of the stack will be automatically adjusted to accommodate for that. Set this prop to true to disable this behavior. false

</td></tr> </tbody></table>