search

OfficeDev / microsoft-teams-ui-component-library

Component library enhanced experiences styled for use in Microsoft Teams custom applications.
MIT License
127 stars 30 forks source link

Wizard #47

Closed thure closed 3 years ago

thure commented 3 years ago

Open in Storybook ↗️

Spec in Figma ↗️

This PR implements the Wizard HVC. For this initial implementation, the developer is responsible for responding to user interactions that would cause a change in content, e.g. clicking 'Back' or clicking an item in the Wizard's sidebar.

Keyboard interactions are not aligned with the interactions specified in Figma at this time; I'm working with the interaction designer to confirm exceptions should be made to functionality delivered out-of-the-box by Fluent UI.

akatrukhin commented 3 years ago

Screen Shot 2021-02-09 at 1 33 51 PM - Gap between wizard and scroll looks weird to me. It will be great to have a scroll area inside of the Wizzard component.

akatrukhin commented 3 years ago

Screen Shot 2021-02-10 at 11 34 29 AM Screen Shot 2021-02-10 at 11 34 50 AM

At default theme, there is no hover state for passed step. At dark theme, hover state is different

High Contrast doesn't show next steps at all Screen Shot 2021-02-10 at 11 35 06 AM

High Contrast dropdown invisible also: Screen Shot 2021-02-10 at 11 35 06 AM

For some reason on my end, I can't edit field after I insert value and comeback to it. Screen Shot 2021-02-10 at 11 36 20 AM

thure commented 3 years ago

Reverting to draft due to #54.

thure commented 3 years ago

@akatrukhin I’ve now either resolved or wasn’t able to reproduce all of the items in your previous comments.