Dadido3/D3vugu-components
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
a4b921c261
D3vugu-components/page-home.vugu

70 lines
2.4 KiB
Plaintext
Raw Normal View History

Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
<div>
<layout:Container>
<h1>Home</h1>
<p>Lorem ipsum dolor sit am et</p>
<view:Code>
asdfefefeaf afe aef aef aef aef aef<br>
asdwfaefa efae fae faef ae<br>
u4iewgooijqoie ioigq oiegq eog qoeg
</view:Code>
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
<h2>Buttons</h2>
Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
<input:Button>
<vg-slot name="SymbolSlot"><icons:LGlobe></icons:LGlobe></vg-slot>
<vg-slot name="DefaultSlot">Some Button</vg-slot>
</input:Button>
<input:Button>
<vg-slot name="SymbolSlot"><icons:LGlobe></icons:LGlobe></vg-slot>
<vg-slot name="DefaultSlot">Some Button</vg-slot>
</input:Button>
<input:Button>
<vg-slot name="SymbolSlot"><icons:LGlobe></icons:LGlobe></vg-slot>
<vg-slot name="DefaultSlot">Some Button</vg-slot>
</input:Button>
<p>Some <view:CodeInline>inlined code</view:CodeInline> in this line!</p>
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
<h2>Tags</h2>
This is some tag: <view:Tag>Some Tag</view:Tag> and <view:Tag>Another Tag</view:Tag>
<h2>List Container</h2>
<layout:ListContainer>
Rework colors and theming - Add example colors page - Store all theme colors in CSS variables - Add layer container component - Use accent color for active pagination page - Automatically use layer-1 color in sidebar, sidebar menu and code containers - Adjust tag padding - Add base color scheme/theme
2023-05-18 11:55:48 +00:00
<layout:LayerContainer vg-for="i := 0; i < 5; i++" class="list-item d3c-color-layer-1">
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
<icons:LInfoCircle></icons:LInfoCircle>
<div vg-content="i"></div>
<div>Some Content!</div>
Rework colors and theming - Add example colors page - Store all theme colors in CSS variables - Add layer container component - Use accent color for active pagination page - Automatically use layer-1 color in sidebar, sidebar menu and code containers - Adjust tag padding - Add base color scheme/theme
2023-05-18 11:55:48 +00:00
</layout:LayerContainer>
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
</layout:ListContainer>
Add navigation button example - Add d3c-button-vertical class to buttons
2023-05-17 10:34:48 +00:00
<h2>Navigation buttons</h2>
<div style="display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0.5em 0;">
<input:Button class="d3c-button-vertical" style="margin: 0;">
<vg-slot name="SymbolSlot"><icons:LGlobe style="font-size: 2em;"></icons:LGlobe></vg-slot>
<vg-slot name="DefaultSlot">Navigation 1</vg-slot>
</input:Button>
<input:Button class="d3c-button-vertical" style="margin: 0;">
<vg-slot name="SymbolSlot"><icons:LGlobe style="font-size: 2em;"></icons:LGlobe></vg-slot>
<vg-slot name="DefaultSlot">Navigation 2</vg-slot>
</input:Button>
<input:Button class="d3c-button-vertical" style="margin: 0;">
<vg-slot name="SymbolSlot"><icons:LGlobe style="font-size: 2em;"></icons:LGlobe></vg-slot>
<vg-slot name="DefaultSlot">Navigation 3</vg-slot>
</input:Button>
</div>
Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
</layout:Container>
</div>
<style>
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
.list-item {
display: flex;
flex-wrap: wrap;
gap: 1em;
}
Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
</style>
<script type="application/x-go">
import (
"git.d3nexus.de/Dadido3/D3vugu-components/components/layout"
"git.d3nexus.de/Dadido3/D3vugu-components/components/view"
"git.d3nexus.de/Dadido3/D3vugu-components/components/input"
"git.d3nexus.de/Dadido3/D3vugu-components/icons"
)
type PageHome struct {}
</script>
Reference in New Issue Copy Permalink