| layout | title | description | date | height |
|---|---|---|---|---|
pattern |
Sidenav |
This pattern shows how to build a component for the web that is responsive, stateful, supports keyboard navigation, works with and without JavaScript, and works across browsers.
<br><br>
<a href="/building-a-sidenav-component/">Full article</a> · <a href="https://www.youtube.com/watch?v=uiZqDLqjGRY">Video on YouTube</a> · <a href="https://github.com/argyleink/gui-challenges/tree/main/sidenav">Source on Github</a>
|
2022-06-01 |
600 |
This pattern shows how to build a component for the web that is responsive, stateful, supports keyboard navigation, works with and without JavaScript, and works across browsers.