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
-
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