65 lines
1.1 KiB
Svelte
65 lines
1.1 KiB
Svelte
<script>
|
|
export let highlight = false;
|
|
export let red = false;
|
|
export let round = false;
|
|
export let flat = false;
|
|
export let icon = ""
|
|
export let icon_small = false;
|
|
export let label = ""
|
|
export let link_href = ""
|
|
export let link_target = ""
|
|
export let click = e => {}
|
|
export let style = ""
|
|
export let type = ""
|
|
export let form = ""
|
|
</script>
|
|
|
|
{#if link_target === ""}
|
|
<button
|
|
on:click={click}
|
|
class="button"
|
|
class:button_highlight={highlight}
|
|
class:button_red={red}
|
|
class:round
|
|
class:flat
|
|
style={style}
|
|
type={type}
|
|
form={form}
|
|
>
|
|
{#if icon !== ""}
|
|
<i class="icon" class:small={icon_small}>{icon}</i>
|
|
{/if}
|
|
{#if label !== ""}
|
|
<span>{label}</span>
|
|
{/if}
|
|
</button>
|
|
{:else}
|
|
<a
|
|
href="{link_href}"
|
|
target={link_target}
|
|
class="button"
|
|
class:button_highlight={highlight}
|
|
class:button_red={red}
|
|
class:round
|
|
class:flat
|
|
style={style}
|
|
>
|
|
{#if icon !== ""}
|
|
<i class="icon" class:small={icon_small}>{icon}</i>
|
|
{/if}
|
|
{#if label !== ""}
|
|
<span>{label}</span>
|
|
{/if}
|
|
</a>
|
|
{/if}
|
|
|
|
<style>
|
|
.button {
|
|
flex: 0 0 content;
|
|
}
|
|
.flat {
|
|
background: none;
|
|
margin: 0;
|
|
}
|
|
</style>
|