VQA: Drawer

[aks07]

• The Panel, as defined in Figma:

  • Has a fixed width and fixed height.
  • Is as wide as necessary based on content.
  • Uses the same shadow stack defined earlier.
  • Has no border radius.
  • Covers the entire viewport height.
  • Close button is positioned on the left.
  • Supports passing an Actions component to the header, as defined in Figma.

• The Drawer, as defined in Figma:

  • Is a floating overlay panel.
  • Maintains a 16px gap from all screen edges (top and side margins are fixed at 16px).
  • Includes a border radius as defined in Figma.
  • Close button is positioned on the right.

• Both Drawer and Panel follow the same motion parameters:

  transition: all 0.2s;
  transition-timing-function: cubic-bezier(0.76, 0, 0.23, 1);

[request-info]

We would appreciate it if you could provide us with more info about this issue/pr!