gradio/js/radio/interactive/InteractiveRadio.svelte
Abubakar Abid c57d4c232a
gr.Radio and gr.CheckboxGroup can now accept different names and values (#5232)
* radio

* radio checkboxgroup

* add changeset

* type

* fix tests

* types

* fix unit test

* Update gradio/components/radio.py

Co-authored-by: Ali Abdalla <ali.si3luwa@gmail.com>

* Update gradio/components/checkboxgroup.py

Co-authored-by: Ali Abdalla <ali.si3luwa@gmail.com>

* fix review

* examples

* backend

* type fixes

* fix test

* fixed example

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Ali Abdalla <ali.si3luwa@gmail.com>
2023-08-16 11:27:39 -07:00

46 lines
1019 B
Svelte

<script lang="ts">
import Radio from "../shared";
import { Block } from "@gradio/atoms";
import { StatusTracker } from "@gradio/statustracker";
import type { LoadingStatus } from "@gradio/statustracker";
export let label = "Radio";
export let info: string | undefined = undefined;
export let elem_id = "";
export let elem_classes: string[] = [];
export let visible = true;
export let value: string | number | null = null;
export let value_is_output = false;
export let choices: [string, number][] = [];
export let show_label: boolean;
export let container = false;
export let scale: number | null = null;
export let min_width: number | undefined = undefined;
export let loading_status: LoadingStatus;
</script>
<Block
{visible}
type="fieldset"
{elem_id}
{elem_classes}
{container}
{scale}
{min_width}
>
<StatusTracker {...loading_status} />
<Radio
bind:value
bind:value_is_output
{label}
{info}
{elem_id}
{show_label}
{choices}
on:change
on:input
on:select
/>
</Block>