Should the drawer be a web component?

[gfellerph]

What type of component should the drawer be? Web component or HTML/CSS component? If the latter, is it a dialog?

Tasks

• [ ] Do a POC using a dialog element to create a drawer

[gfellerph]

https://github.com/swisspost/design-system/discussions/4393

[gfellerph]

https://codepen.io/tuelsch/pen/XJJPada?editors=1100

[alizedebray]

Resolution:

• ask projects for mock-ups/screenshots to find out the requirements needed in the projects so we can define the functionalities which address these requirements We'll ask in our teams channels and mentioning the topic in the open office hour (may) to get some answers.
• separate navigation drawer and contextual drawers

[sandra-post]

Proposal Teams Message:

-------------------------- PROPOSAL Message to Teams Channel in Team "Design System" and "User Experience" ---------------------

Your input needed - Do you use a drawer component?

We are currently evaluating the need and requirements for a drawer component (aka. side sheet, flyout, ...) for the design system. To provide you with a useful component, we want to understand how it is currently used.

➡️ Are you using a drawer in your project? Please reply to this post with a screenshot or a link to your drawer design or implementation!

In detail, we are additionally curious to know:

• Use case: For which use case are you using the drawer?
• Screen placement: To which edge is your drawer attached to: Top, Bottom, Right, Left?
• Modal vs non-modal behaviour: When the drawer is opened, can the user still interact with the main page or is it blocked?
• Z-Index: Is your drawer on the same level as the main page, so that the main page is "shrinking" when the drawer expands, or is the drawer overlaying the main page?
• Content Relationship: Does the content of the drawer dynamically change based on any selection in the main page, or is it "unaware" of the main page?

Many thanks already for your inputs Design System Team

[sandra-post]

Created short MS Forms in case we want to ask the users via Survey. Still in DRAFT - feel free to adjust and adapt as needed. Find it in our MS Forms group "Design System".

[alizedebray]

Resolution

• Create a dedicated "Your feedback" channel where we can ask questions to our users (the same setting as the support channel)
• Introduce the purpose of this new channel with a pinned welcome message
• Post the Drawer question there
• Let people know they don't have to answer all of the questions

[gfellerph]

Roundtable: What's the current state of this and do we still need this ticket?

[gfellerph]

Status update: Channel not yet created, not a v10 component.