Drawer
The e-drawer component is a panel that slides in from the edge of the viewport, is designed to structure the page and it is recommended to use it as a direct child of the e-app component.
Props
Explore the available props for the form component
| Property | Description | Type | Default |
|---|---|---|---|
| model-value | The v-model value of the component. | boolean | false |
| absolute | Sets the position of the component to absolute, set a box shadow to the component and make the drawer have a temporary behavior. | boolean | false |
| fixed | Sets the position of the component to fixed, remove the box shadow from the component and make the drawer have a permanent behavior. | boolean | false |
| nav | By default, the drawer will by rendered with a aside element. Set this property to true to render the drawer with a nav element instead. | boolean | false |
| right | Sets the position of the drawer to the right side of the screen. By default, the drawer is rendered on the left side of the screen | boolean | false |
| width | Sets the width of the drawer. By default, the drawer has a width of 16rem. You can set this property to a number or a string with a valid CSS unit. | string number | string |
| width-unit | Sets the unit of the width of the drawer. By default, the drawer has a width of 16rem. You can set this property to a number or a string with a valid CSS unit. If you set the width property to a number, you can use this property to set the unit of the width. | string | rem |
Slots
Explore the available slots for the form component