fix: Add Side Panel with Navigation Example

[myvuuu]

Summary

Fixes: #1910

Release Category

Examples

---

Checklist

• MDX documentation adheres to Canvas Kit's standard MDX template
• Label ready for review has been added to PR

For the Reviewer

• PR title is short and descriptive
• PR summary describes the change (Fixes/Resolves linked correctly)
• PR Release Notes describes additional information useful to call out in a release message or removed if not applicable
• Breaking Changes provides useful information to upgrade to this code or removed if not applicable

Where Should the Reviewer Start?

Areas for Feedback? (optional)

• Code
• Documentation
• Testing
• Codemods

Testing Manually

Screenshots or GIFs (if applicable)

Thank You Gif (optional)

[codesandbox]

  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders

[cypress]

1 flaky tests on run #5759 ↗︎

0

882

2

0

1

Details:

Merge 5691c26 into 9e43c41...
Project: canvas-kit	Commit: f134cb7dc1 ℹ️
Status: Passed	Duration: 07:32 💡
Started: May 19, 2023 2:50 PM	Ended: May 19, 2023 2:57 PM

  cypress/integration/Autocomplete.spec.ts • 1 flaky test

View Output Video

Test		Artifacts
... > when a value is entered > when down arrow key is pressed > when the user presses the enter key > when the use hits the "2" key > should change the filtered results		Output Screenshots Video

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[mannycarrera4]

We'll have to update some padding to make sure these items are aligned

Should be a simple fix!

[williamjstanton]

This is looking great!! I left one comment of feedback on the aria-label string for you. The list markup looks like it is working really well!

[williamjstanton]

Apologies in advance... I should have spotted this in my last review. I just noticed the second expandable did not have the list markup like the first expandable did.

[williamjstanton]

Apologies for missing this earlier in the morning! This line is missing as="ul" prop.

[williamjstanton]

And, these StyledLink components are not set inside of <li> elements.

[mannycarrera4]

Suggested change

	<Expandable.Content paddingY="zero" paddingX="zero">
	<Expandable.Content paddingY="zero" paddingX="zero" as="ul">