# `@gradio/statustracker` | |
```html | |
<script> | |
import {StatusTracker, Toast, Loader} from `@gradio/statustracker`; | |
</script> | |
``` | |
StatusTracker | |
```javascript | |
export let i18n: I18nFormatter; | |
export let eta: number | null = null; | |
export let queue = false; | |
export let queue_position: number | null; | |
export let queue_size: number | null; | |
export let status: "complete" | "pending" | "error" | "generating"; | |
export let scroll_to_output = false; | |
export let timer = true; | |
export let show_progress: "full" | "minimal" | "hidden" = "full"; | |
export let message: string | null = null; | |
export let progress: LoadingStatus["progress"] | null | undefined = null; | |
export let variant: "default" | "center" = "default"; | |
export let loading_text = "Loading..."; | |
export let absolute = true; | |
export let translucent = false; | |
export let border = false; | |
export let autoscroll: boolean; | |
``` | |
Toast | |
```javascript | |
export let messages: ToastMessage[] = []; | |
``` | |
Loader | |
```javascript | |
export let margin = true; | |
``` |