2021-03-25 23:32:23 +01:00
|
|
|
<script lang="typescript">
|
2021-03-29 14:54:10 +02:00
|
|
|
export let label: string;
|
2021-03-25 23:32:23 +01:00
|
|
|
</script>
|
2021-03-29 14:54:10 +02:00
|
|
|
|
2021-03-25 23:32:23 +01:00
|
|
|
<style lang="scss">
|
|
|
|
button {
|
2021-03-29 23:43:48 +02:00
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
width: auto;
|
2021-03-30 02:39:54 +02:00
|
|
|
height: 26px;
|
2021-03-29 23:43:48 +02:00
|
|
|
|
2021-03-30 02:39:54 +02:00
|
|
|
padding: 0 10px;
|
|
|
|
margin: 0 3px;
|
2021-03-25 23:32:23 +01:00
|
|
|
|
2021-03-29 14:54:10 +02:00
|
|
|
&:focus {
|
2021-03-30 04:38:02 +02:00
|
|
|
box-shadow: 0 0 12px 4px rgb(255 255 255 / 0.5);
|
2021-03-29 14:54:10 +02:00
|
|
|
}
|
2021-03-25 23:32:23 +01:00
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
2021-03-30 03:05:21 +02:00
|
|
|
<button class="btn btn-secondary" tabindex="-1" on:click> {label} </button>
|