Skip to content

Toast

What It Does

Shows dismissible, state-safe notifications in the corner of the app.

Signature

db.Toast(message: 'str', title: 'Optional[str]' = None, type: 'AlertType' = 'info', visible: 'bool' = True, icon: 'Optional[str]' = None, on_close: 'Optional[EventHandler]' = None, dismissible: 'bool' = True, auto_hide_ms: 'Optional[int]' = None, animated: 'bool' = True, animation: 'Optional[str]' = 'fade-up', animation_delay: 'Optional[float]' = None) -> 'VNode'

Parameters

Name Type Default Notes
message str required
title Optional[str] None
type AlertType 'info'
visible bool True
icon Optional[str] None
on_close Optional[EventHandler] None
dismissible bool True
auto_hide_ms Optional[int] None
animated bool True
animation Optional[str] 'fade-up'
animation_delay Optional[float] None

Example

import brickflowui as db

node = db.Toast(message="Everything is healthy.", title="Command center", icon="LayoutDashboard", animated="animated")

Integration Notes

  • This component composes cleanly with layout primitives such as Card, Grid, Row, and Column.
  • Prefer controlled state from Python when the value matters to your business logic or backend query layer.

Responsive Notes

Check the component inside a realistic layout, not only in isolation, so spacing, overflow, and action density stay comfortable on smaller screens.

Accessibility Notes

Pair this component with clear visible copy and predictable state changes so keyboard and assistive-technology users are not surprised.