mirror of
https://github.com/imputnet/cobalt.git
synced 2025-06-29 18:08:28 +00:00
32 lines
688 B
Svelte
32 lines
688 B
Svelte
<script lang="ts">
|
|
export let id: string;
|
|
export let click = () => {
|
|
alert("no function assigned");
|
|
};
|
|
export let fill = false;
|
|
export let elevated = false;
|
|
</script>
|
|
|
|
<button id="button-{id}" class="button vertical" class:fill class:elevated on:click={click}>
|
|
<slot></slot>
|
|
</button>
|
|
|
|
<style>
|
|
.button.vertical {
|
|
flex-direction: column;
|
|
line-height: 1;
|
|
padding: var(--padding);
|
|
gap: calc(var(--padding) / 2);
|
|
}
|
|
|
|
.button.vertical.fill {
|
|
width: 100%;
|
|
padding: var(--padding) 0;
|
|
}
|
|
|
|
.button.vertical :global(svg) {
|
|
stroke-width: 1.8px;
|
|
color: var(--secondary);
|
|
}
|
|
</style>
|