D3vugu-components/components/input/button.vugu

<button vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1633424238"}' @click="c.HandleClick(event)">
	<vg-comp expr="c.SymbolSlot"></vg-comp><vg-comp expr="c.DefaultSlot"></vg-comp>
</button>

<style>
	.d3c-1633424238 {
		display: flex;
		align-items: center;
		gap: 0.75em;
		text-decoration: none;
		padding: 0.5em;
		margin: 0.5em 0;
		border-radius: 4px;
		border: 1px solid RGBA(127, 127, 127, 0.2);
		background-color: white;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 1em;
		font-family: "Segoe UI", sans-serif;
		height: 2em;
		user-select: none;
	}

	.d3c-1633357633-sidebar .d3c-1633424238, .d3c-1633357633-menu .d3c-1633424238 {
		border: none;
		background-color: transparent;
	}

	.d3c-1633424238:hover {
		background-color: RGBA(127, 127, 127, 0.1);
	}

	.d3c-1633424238:active {
		background-color: RGBA(127, 127, 127, 0.2);
	}

	.d3c-1633424238-selected {
		background-color: RGBA(127, 127, 127, 0.2) !important;
	}
</style>

<script type="application/x-go">
	import (
		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
	)
</script>