Design: Create Style Guide Presentation (Text Area/Fields)

[namigoeku]

Dependency

• [x] Create Style Guide - Dialog Boxes, Modals, Accordions Tabs, Tooltips #1721

Overview

We need to create a Google deck of all the style guide pages on Figma and add a link to the wiki

Action Items

• [X] Finalize this section for design system
• [x] update Style Guide Presentation

Resources/Instructions

• Google Slides Style Guide Presentation
• Link to style guide in Figma
• presentation format
• Wiki

[namigoeku]

[lbeatonn]

Bonnie's Comment on Text Inputs Slide 32: "should there be a Active (not selected)?"

We are currently looking into this as a team

[namigoeku]

Updated.

[NilakshiS]

By @Parisajf : Default Text Inputs

Terms: Active: Selected Inactive: Not selected Disabled: Not available

Slide: https://docs.google.com/presentation/d/1I4q35NL2WW2RpksIyawhHCd8qJnrjme1ZDNIBxu24hQ/edit#slide=id.g2a5d13e8d2c_0_196

[namigoeku]

https://docs.google.com/presentation/d/1I4q35NL2WW2RpksIyawhHCd8qJnrjme1ZDNIBxu24hQ/edit?disco=AAABQGiLbOM

[namigoeku]

https://docs.google.com/presentation/d/1I4q35NL2WW2RpksIyawhHCd8qJnrjme1ZDNIBxu24hQ/edit?disco=AAABPnC9w6w

Dropdown on the Select TDM Strategies Page [view on MAC]

Searchbar on My Projects Page

[ExperimentsInHonesty]

Screenshot of Bonnie's Window machine using Chrome

---

This is the way we want it to look

[ExperimentsInHonesty]

Screenshot of Parisa's Mac (John shows same on his mac) using Chrome

---

This shows the background as gray and the dropdown is covering instead of unrolling below.

[ExperimentsInHonesty]

Screenshot of John's Windows machine

---

This shows the corners of the drop-down as rounded.

[namigoeku]

Made the changes to the dropdown according to how it appears in Bonnie's comment. Updated the slide.