> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sirius.menu/llms.txt
> Use this file to discover all available pages before exploring further.

# Notifications and toasts

> Two ways to tell the player something happened.

## Notifications

`window:Notify(props)` shows a card in the bottom-right corner. Hover to pause the timer, click to dismiss.

<Frame>
  <img src="https://mintcdn.com/sirius-b451bfde/f6FV7zSG5WdJNsXv/images/gen2/notification.png?fit=max&auto=format&n=f6FV7zSG5WdJNsXv&q=85&s=22da5b170b773312b923bb2481e06526" alt="A notification card in the corner" width="345" height="187" data-path="images/gen2/notification.png" />
</Frame>

```lua theme={null}
window:Notify({
    title = "Auto-saved",
    content = "Your configuration was saved.",
    duration = 5,
})
```

<ResponseField name="title" type="string">
  The first line.
</ResponseField>

<ResponseField name="content" type="string">
  The body text. Wraps.
</ResponseField>

<ResponseField name="icon" type="string | number">
  An icon.
</ResponseField>

<ResponseField name="duration" type="number">
  How long it stays on screen, in seconds.
</ResponseField>

## Toasts

`window:Toast(props)` drops a pill in from the top centre, newest on top. Use it for quick, low-weight confirmations.

<Frame>
  <img src="https://mintcdn.com/sirius-b451bfde/f6FV7zSG5WdJNsXv/images/gen2/toast.png?fit=max&auto=format&n=f6FV7zSG5WdJNsXv&q=85&s=218ff6ecca3b29d407ef2fab5890275d" alt="A toast pill dropping in from the top" width="322" height="150" data-path="images/gen2/toast.png" />
</Frame>

```lua theme={null}
window:Toast({ title = "Saved", icon = 125823673784681 })

window:Toast({
    title = "Nova",
    subtitle = "joined the server",
    avatar = 1,
})
```

<ResponseField name="title" type="string">
  The main line.
</ResponseField>

<ResponseField name="subtitle" type="string">
  A second line.
</ResponseField>

<ResponseField name="subtitleAbove" type="boolean">
  Put the subtitle above the title.
</ResponseField>

<ResponseField name="icon" type="string | number">
  An icon.
</ResponseField>

<ResponseField name="avatar" type="number">
  A user id, shown as their headshot.
</ResponseField>

<ResponseField name="minWidth" type="number">
  A floor on the width.
</ResponseField>

<ResponseField name="duration" type="number">
  How long it stays on screen, in seconds.
</ResponseField>