Drawer #2287
alizedebray
started this conversation in
Ideas
Drawer
#2287
Replies: 1 comment
-
|
I see at least two components here, also because they will not necessarily share semantics or functionality. Side navigation with split panel: <body>
<post-split vertical>
<post-split-panel>
<aside>
<post-tree>
<post-tree-item href="/home">Home</post-tree-item>
</post-tree>
</aside>
</post-split-panel>
<post-split-panel>
<main>
lorem etc.
</main>
</post-split-panel>
</post-split>
</body>Side navigation with drawer: <body>
<post-drawer modal placement="left">
<aside>
<post-tree>
<post-tree-item href="/"">Home</post-tree-item>
</post-tree>
</aside>
</post-drawer>
<main>
lorem etc.
</main>
</body> |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
A drawer is a pane that spans a container on one of its sides.
It can either be modal or non modal and might be resized by the user.
Use cases
Side navigation: navigation and main content are side by side
Edition pane: edition pane is next or over the main content, the main content is still reachable
Variants
Resources
Beta Was this translation helpful? Give feedback.
All reactions