Files
radicle-explorer/src/components/Radio.svelte
T
Rūdolfs Ošiņšanddnlklmn d914710396 Implement new design
Co-authored-by: dnlklmn <pelicansinberlin@gmail.com>
Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
2023-10-13 18:05:19 +02:00

26 lines
544 B
Svelte

<script lang="ts">
export let ariaLabel: string | undefined = undefined;
export let outline: boolean = false;
</script>
<style>
.radio {
display: flex;
border-radius: var(--border-radius-tiny);
justify-content: center;
align-items: center;
overflow: hidden;
}
.outline {
display: flex;
border: 1px solid var(--color-fill-secondary);
padding: 3px;
border-radius: var(--border-radius-small);
gap: 0.25rem;
}
</style>
<div aria-label={ariaLabel} class="radio" class:outline>
<slot />
</div>