2022-04-20 Meeting notes

10-15 minutes

Alert modals

@Yevhen Simonov

Questions

Notes

• Explore warning button separately

• newest design is good to go!

• include original in variant set

• use primary button in yellow modal

• use primary button in green modal

• use danger button in red modal

• Jeff: concepts of header and footer should not be interpreted as header and footer, only one per page

• Usage notes for the yellow modal should apply to the red modal. Red = danger, yellow = warning, green = success

• For the danger color in the bg header, icon would come through as a variant, as a consumer would i ever need to modify it?

• AlertModal component takes footerNode prop that lets consumers pass

• Cards: update “locked” to “primary” status

  • status always on the bottom

  • any icon can be passed into status

5-10 minutes

Figma layout components

@Gabriel Weinberg

• For devs, how does this structure align with a real life build?

• For designers, do you have any feedback or questions about these components?

• https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-Design-System?node-id=27597%3A68069

<selectmenu> FYI

The Selectmenu HTML Tag | CSS-Tricks

https://open-ui.org/prototypes/selectmenu

Notes:

• should solve styling issues with selectmenus and UI problems, not a great UI but we use it a lot. its a new element instead of fixing the browser.

• OpenUI might be useful for selectmenu, possibly consume it

• keyboard select varies between browsers

• usability of selects is funky, appears on mouse down, disappears on mouse up