D3vugu-components/root.vugu
David Vogel 0dda9f7767 Several changes
- Remove license headers
- Update example pages
- Move ButtonNav into navigation package as SidebarEntry
- Add sidebar collapse and hide functionality
- Add click event
- Add click handler to button
- Add ButtonFullscreen to navigation package
- Fix resulting suffix space in CodeInline
- Fix CSS class of Code
- Update icon sketches.cdr
2023-05-12 12:57:42 +02:00

58 lines
1.7 KiB
Plaintext

<html>
<head>
</head>
<body>
<div style="width: 100vw; height: 100wh;">
<navigation:Sidebar vg-var="ParentSidebar">
<vg-slot name="MenuEntries">
<navigation:ButtonFullscreen></navigation:ButtonFullscreen>
</vg-slot>
<vg-slot name="Entries">
<navigation:SidebarEntry URL="/">
<vg-slot name="SymbolSlot"><icons:LHome></icons:LHome></vg-slot>
<vg-slot name="DefaultSlot"><div>Entry 1</div></vg-slot>
</navigation:SidebarEntry>
<navigation:SidebarEntry URL="/icons/">
<vg-slot name="SymbolSlot"><icons:LStar></icons:LStar></vg-slot>
<vg-slot name="DefaultSlot"><div>Icons</div></vg-slot>
</navigation:SidebarEntry>
<navigation:SidebarEntry URL="/">
<vg-slot name="SymbolSlot"><icons:LInfoCircle></icons:LInfoCircle></vg-slot>
<vg-slot name="DefaultSlot"><div>Entry 3</div></vg-slot>
</navigation:SidebarEntry>
</vg-slot>
<vg-slot name="BottomEntries">
<navigation:SidebarEntry URL="/">
<vg-slot name="SymbolSlot"><icons:LGlobe></icons:LGlobe></vg-slot>
<vg-slot name="DefaultSlot"><div>John Doe</div></vg-slot>
</navigation:SidebarEntry>
<navigation:SidebarEntry URL="/">
<vg-slot name="SymbolSlot"><icons:LSettings></icons:LSettings></vg-slot>
<vg-slot name="DefaultSlot"><div>Settings</div></vg-slot>
</navigation:SidebarEntry>
</vg-slot>
<vg-slot name="Body">
<vg-comp expr="c.Body"></vg-comp>
</vg-slot>
</navigation:Sidebar>
</div>
</body>
</html>
<style>
html {
font-family: "Segoe UI", sans-serif;
}
body {
margin: 0;
}
</style>
<script type="application/x-go">
import (
"git.d3nexus.de/Dadido3/D3vugu-components/icons"
"git.d3nexus.de/Dadido3/D3vugu-components/components/navigation"
)
</script>