# `@gradio/button` | |
```javascript | |
<script> | |
import { BaseButton } from "@gradio/button"; | |
import { createEventDispatcher, tick, getContext } from "svelte"; | |
const dispatch = createEventDispatcher(); | |
</script> | |
<BaseButton | |
{value} | |
{variant} | |
{elem_id} | |
{elem_classes} | |
{size} | |
{scale} | |
{link} | |
{icon} | |
{min_width} | |
{visible} | |
{root} | |
{root_url} | |
on:click={() => dispatch("click")} | |
> | |
{"My Button"} | |
</Button> | |
``` | |