wehub-resource-sync
adf0d17497
publish / version_or_publish (push) Has been cancelled
storybook-build / changes (push) Has been cancelled
storybook-build / :storybook-build (push) Has been cancelled
Sync Gradio Skills to Hugging Face / sync-skills (push) Has been cancelled
functional / changes (push) Has been cancelled
functional / build-frontend (push) Has been cancelled
functional / functional-test-SSR=false (push) Has been cancelled
functional / functional-reload (push) Has been cancelled
js / changes (push) Has been cancelled
js / js-test (push) Has been cancelled
docs-build / changes (push) Has been cancelled
docs-build / docs-build (push) Has been cancelled
docs-build / website-build (push) Has been cancelled
functional / functional-test-SSR=true (push) Has been cancelled
hygiene / hygiene-test (push) Has been cancelled
python / changes (push) Has been cancelled
python / build (push) Has been cancelled
python / test-ubuntu-latest-flaky (push) Has been cancelled
python / test-ubuntu-latest-not-flaky (push) Has been cancelled
python / test-windows-latest-flaky (push) Has been cancelled
python / test-windows-latest-not-flaky (push) Has been cancelled
50 lines
1.3 KiB
Svelte
50 lines
1.3 KiB
Svelte
<script context="module" lang="ts">
|
|
export { default as BaseButton } from "./shared/Button.svelte";
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import { Gradio } from "@gradio/utils";
|
|
import type { SharedProps } from "@gradio/utils";
|
|
|
|
import Button from "./shared/Button.svelte";
|
|
import type { FileData } from "client/js/src";
|
|
interface ButtonProps {
|
|
value: string | null;
|
|
variant: "primary" | "secondary" | "stop";
|
|
size: "sm" | "md" | "lg";
|
|
link: string | null;
|
|
icon: FileData | null;
|
|
link_target: "_self" | "_blank";
|
|
elem_id: string | null;
|
|
elem_classes?: string[];
|
|
}
|
|
|
|
let _props: { shared_props: SharedProps; props: ButtonProps } = $props();
|
|
const gradio = new Gradio<{ change: never; click: never }, ButtonProps>(
|
|
_props
|
|
);
|
|
gradio.watch_for_change();
|
|
|
|
function handle_click() {
|
|
gradio.dispatch("click");
|
|
}
|
|
</script>
|
|
|
|
<Button
|
|
value={gradio.props.value}
|
|
variant={gradio.props.variant}
|
|
elem_id={gradio.shared.elem_id}
|
|
elem_classes={gradio.shared.elem_classes}
|
|
size={gradio.props.size}
|
|
scale={gradio.shared.scale}
|
|
link={gradio.props.link}
|
|
icon={gradio.props.icon}
|
|
min_width={gradio.shared.min_width}
|
|
visible={gradio.shared.visible}
|
|
disabled={!gradio.shared.interactive}
|
|
link_target={gradio.props.link_target}
|
|
onclick={handle_click}
|
|
>
|
|
{gradio.props.value ?? ""}
|
|
</Button>
|