PandaGo Components

Appearance

Return to top
On this page

Drawer

Drawer is the default component that we will use for the management and use of filters in our platform. It consists of a vertical body that opens from the right, activated by a button. The content of the drawer will consist, for the most part, of inputs to be defined according to the casuistry of the content in the section where the user is located. The component must be able to accept all the inputs defined in the design system, leaving it up to the designer to decide which are most necessary.

Usage

For now, we have only developed the design system skin

Props

ComponentSkin skinIndicates which skin should be used for the component Default value: ComponentSkin.DESIGN_SYSTEM
pandads
boolean showFlag to show and hide the drawer Default value: false
string titleDrawer title

Slots

defaultThe drawer content
secondary-actionDedicated for an element at the right of the title and at the left of the primary action
primary-actionDedicated for an element at the right of the drawer header

Events

boolean closeEmitted when the drawer should be closed