David Vogel
114a7d893c
- Add input field and general data binding - Rename SymbolSlot to IconSlot - Remove d3c-color-accent - Update icons page - Add input example page - Update button to support highlighting - Update navigation entry to support highlighting - Add d3c-button-only-icon to button and let sidebar use that - Use d3c-button-transparent in sidebar - Add focus indicator to buttons - Rename CSS color variables and change definition of some - Let pagination use input:Button - Add some padding to the inline code component
71 lines
2.4 KiB
Plaintext
71 lines
2.4 KiB
Plaintext
<html>
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<div style="width: 100vw; height: 100wh;">
|
|
<vg-comp expr="c.OverlayContainer"></vg-comp>
|
|
<navigation:Sidebar>
|
|
<vg-slot name="MenuEntries">
|
|
<navigation:ButtonFullscreen></navigation:ButtonFullscreen>
|
|
</vg-slot>
|
|
<vg-slot name="Entries">
|
|
<navigation:SidebarEntry URL="/">
|
|
<vg-slot name="IconSlot"><icons:LHome></icons:LHome></vg-slot>
|
|
<vg-slot name="DefaultSlot"><div>Home</div></vg-slot>
|
|
</navigation:SidebarEntry>
|
|
<navigation:SidebarEntry URL="/input/">
|
|
<vg-slot name="IconSlot"><icons:LStar></icons:LStar></vg-slot>
|
|
<vg-slot name="DefaultSlot"><div>Input</div></vg-slot>
|
|
</navigation:SidebarEntry>
|
|
<navigation:SidebarEntry URL="/icons/">
|
|
<vg-slot name="IconSlot"><icons:LStar></icons:LStar></vg-slot>
|
|
<vg-slot name="DefaultSlot"><div>Icons</div></vg-slot>
|
|
</navigation:SidebarEntry>
|
|
<navigation:SidebarEntry URL="/layout/">
|
|
<vg-slot name="IconSlot"><icons:LInfoCircle></icons:LInfoCircle></vg-slot>
|
|
<vg-slot name="DefaultSlot"><div>Typography & Layout</div></vg-slot>
|
|
</navigation:SidebarEntry>
|
|
<navigation:SidebarEntry URL="/colors/">
|
|
<vg-slot name="IconSlot"><icons:LCustomize></icons:LCustomize></vg-slot>
|
|
<vg-slot name="DefaultSlot"><div>Colors</div></vg-slot>
|
|
</navigation:SidebarEntry>
|
|
<navigation:SidebarEntry URL="/overlays/">
|
|
<vg-slot name="IconSlot"><icons:LDocument></icons:LDocument></vg-slot>
|
|
<vg-slot name="DefaultSlot"><div>Overlays</div></vg-slot>
|
|
</navigation:SidebarEntry>
|
|
</vg-slot>
|
|
<vg-slot name="BottomEntries">
|
|
<navigation:SidebarEntry URL="/user/">
|
|
<vg-slot name="IconSlot"><icons:LGlobe></icons:LGlobe></vg-slot>
|
|
<vg-slot name="DefaultSlot"><div>John Doe</div></vg-slot>
|
|
</navigation:SidebarEntry>
|
|
<navigation:SidebarEntry URL="/settings/">
|
|
<vg-slot name="IconSlot"><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>
|