| # `@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> | |
| ``` | |