D3vugu-components/icons/l-power-button.vugu
David Vogel e9c2353da3 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 08:58:12 +02:00

41 lines
1.1 KiB
Plaintext

<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
<line class="d3c-icon-stroke" x1="7.485" y1="0.5" x2="7.485" y2= "7.5" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
<path class="d3c-icon-stroke" d="M4.545 2.157c-2.466,1.15 -4.042,3.624 -4.042,6.344 0,3.866 3.134,7 7,7 3.866,0 7,-3.134 7,-7 0,-2.72 -1.576,-5.194 -4.042,-6.344" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
</svg>
<style>
.d3c-icon {
/*margin: 10px;*/
height: 16px;
}
.d3c-size-tiny .d3c-icon {
height: 8px !important;
}
.d3c-size-small .d3c-icon {
height: 12px !important;
}
.d3c-size-large .d3c-icon {
height: 24px !important;
}
.d3c-size-xlarge .d3c-icon {
height: 32px !important;
}
.d3c-size-xxlarge .d3c-icon {
height: 48px !important;
}
.d3c-size-xxxlarge .d3c-icon {
height: 64px !important;
}
</style>
<script type="application/x-go">
import (
"git.d3nexus.de/Dadido3/D3vugu-components/utils"
)
type LPowerButton struct{
AttrMap vugu.AttrMap
}
</script>