<script>
import { RadioButton } from "fluent-svelte";
let group = 1;
</script>
<div>
<RadioButton value={1} bind:group>Option 1</RadioButton>
<RadioButton value={2} bind:group>Option 2</RadioButton>
<RadioButton value={3} bind:group disabled>Option 3</RadioButton>
</div>
<div>
<RadioButton checked>RadioButton</RadioButton>
<RadioButton disabled>RadioButton</RadioButton>
<RadioButton disabled checked>RadioButton</RadioButton>
</div>
<style>
@import url("https://unpkg.com/fluent-svelte/theme.css");
:global(body) {
background-color: var(--fds-solid-background-base);
color: var(--fds-text-primary);
}
</style>