SubComponents

Content

The content subcomponent controls the structure rendered inside the Drawer. This subcomponent extends the native <div> API.

Content API

Props	Type	Required
children	ReactNode	✅
hasPadding	boolean	❌

children

The inner structure of the Drawer component.

hasPadding

Adds or removes a default padding on the card of the modal

Footer

The footer subcomponent can be used to render actions or extra actions below the content.

Footer API

The content subcomponent controls the structure rendered below the Drawer, as a Footer. This component extends the native <div>API.

Props	Type	Required
children	ReactNode	✅

Header

The Header subcomponent can be used to render a header on the Drawer component.

Header API

The header subcomponent controls the structure rendered over the Drawer. This component extends the native <div> API.

children	string	✅
closeButtonPosition	'left' | 'right'	❌
closeButtonIcon	AvailableTelicon	❌
hideCloseButton	boolean	❌

closeButtonPosition

To choose the render position of the closing button.

closeButtonIcon

To choose a custom close icon.

hideCloseButton

To show/hide the close button.