Happeo UIkit logo
Components
Home
Packages
AlertsAvatarBannersBreadcrumbsButtonsButtonsDS3CardColor PickerColorsContent RendererEmojisFile IconFile PickerForm ElementsIcons AppIcons FileIcons FlagIcons LegacyIcons SymbolImage CarouselImage CropperImage GridLayoutListLoadersMenusModalsNavigationThemeToastUsageToastContainerTypography

Toast

Usage

Place the <ToastContainer/> in the app so it is always available. For example in the same stack as the top most <Router/>.

Make sure there is only one ToastContainer in the app!

Wherever you need to show a toast message, use the toast to trigger message.

The following toast parameters are supported

  • state: any of the predifined types "active", "success", "warn", "error",
  • title
  • description
  • actionLabel: Show action button with label given
  • actionHandler: Define button callback function
  • position: override default position with value "right", "center" or "left"
  • hideClose: Don't show close (x) button

ToastContainer

delay
number
5000
position
enum
TOAST_POSITION.LEFT