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>
</td><td>
</td><td>
boolean
</td><td>
(Optional) Opens the drawer from left to right false
</td></tr> <tr><td>
</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>
</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>
</td><td>
</td><td>
'absolute' | 'fixed' | 'sticky'
</td><td>
(Optional) Sets the css position value 'absolute'
</td></tr> <tr><td>
</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>
</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>
</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>