Inline toast
An inline toast is a brief, non-blocking message displayed within a specific area of the page rather than at a global level. It provides feedback directly adjacent to the action or element it refers to.
When to use
- To confirm a localized action, such as copying a value or saving a field inline.
- To surface a validation warning directly below or beside a specific form field.
- Do not use an inline toast for global events - use the global toast or snackbar instead.
Style
- One short sentence maximum. Ideally fewer than ten words.
- Use present or past tense to confirm what happened. For example,
CopiedorSaved. - Do not use inline toasts for error messages that require user action - use inline validation instead.
Examples
| Scenario | Inline toast text |
|---|---|
| Value copied to clipboard | Copied |
| Field saved inline | Saved |
| Tag added to asset | Tag added |
| Link generated | Link created |