File tree Expand file tree Collapse file tree 1 file changed +9
-7
lines changed
packages/react-integration/demo-app-ts/src/components/demos/DrawerDemo Expand file tree Collapse file tree 1 file changed +9
-7
lines changed Original file line number Diff line number Diff line change @@ -123,28 +123,30 @@ export class DrawerDemo extends Component<DrawerProps, DrawerDemoState> {
123
123
< Button id = "toggleButton" onClick = { this . onClick } >
124
124
Toggle Drawer
125
125
</ Button >
126
- < Drawer id = "basic-drawer" isExpanded = { isExpanded } onExpand = { this . onExpand } position = "bottom" >
126
+ < Drawer
127
+ id = "basic-drawer"
128
+ isExpanded = { isExpanded }
129
+ onExpand = { this . onExpand }
130
+ position = "bottom"
131
+ style = { { minHeight : '300px' , height : '300px' } }
132
+ >
127
133
< DrawerSection colorVariant = { DrawerColorVariant . default } > drawer-section</ DrawerSection >
128
134
< DrawerContent colorVariant = { DrawerColorVariant . default } panelContent = { panelContent } >
129
135
< DrawerContentBody > { drawerContent } </ DrawerContentBody >
130
136
</ DrawerContent >
131
137
</ Drawer >
132
- < br />
133
- < br />
134
138
< Button id = "toggleFocusTrapButton" onClick = { this . onFocusTrapClick } >
135
139
Toggle Drawer with focus trap
136
140
</ Button >
137
- < Drawer isExpanded = { isFocusTrapExpanded } >
141
+ < Drawer isExpanded = { isFocusTrapExpanded } style = { { minHeight : '300px' , height : '300px' } } >
138
142
< DrawerContent colorVariant = { DrawerColorVariant . default } panelContent = { focusTrapPanelContent } >
139
143
< DrawerContentBody > { drawerContent } </ DrawerContentBody >
140
144
</ DrawerContent >
141
145
</ Drawer >
142
- < br />
143
- < br />
144
146
< Button id = "toggleCustomFocusButton" onClick = { this . onCustomFocusClick } >
145
147
Toggle Drawer with custom focus
146
148
</ Button >
147
- < Drawer isExpanded = { isCustomFocusExpanded } >
149
+ < Drawer isExpanded = { isCustomFocusExpanded } style = { { minHeight : '300px' , height : '300px' } } >
148
150
< DrawerContent colorVariant = { DrawerColorVariant . default } panelContent = { customFocusPanelContent } >
149
151
< DrawerContentBody > { drawerContent } </ DrawerContentBody >
150
152
</ DrawerContent >
You can’t perform that action at this time.
0 commit comments