PublicisSapient / enable-a11y

MIT License
11 stars 5 forks source link

UI Suggestion: Show all code example steps options without clicking #48

Open alisonhall opened 9 months ago

alisonhall commented 9 months ago

When the window size permits, it would be nice to see all of the steps of a code example without having to click on a dropdown and reading the options. This would allow the user to see all of the steps at all times, and not have to go back and reopen the dropdown.

One way to accomplish this would be to have a side panel beside the code with all of the steps, where clicking on the text of a step changes the highlighted view of the example code.

zoltan-dulac commented 5 months ago

@alisonhall Can you include the sketch of your idea here? Just want to understand what you are thinking.

alisonhall commented 5 months ago

This is the kind of idea I was thinking of, which would replace the code walkthrough dropdowns (on desktop only):

image
alisonhall commented 5 months ago

Hi @mattslavin , what I included above is just a concept idea, but I wanted your thoughts on it.