The Component Gallery
  • Components
  • Design systems
  • About

Component

Toast

A type of alert, visually similar to a mobile or desktop push notification.

16 examples

  • Toast

    Base Web

    Uber

    • Code examples
    • Usage guidelines
  • Toast

    Bootstrap

    • Accessibility
    • Code examples
  • Toast

    Cauldron

    Deque

    • Code examples
    • Usage guidelines
    • Accessibility
  • Toast

    Chakra UI

    • Accessibility
    • Code examples
  • Toast

    Elastic UI framework

    Elastic

    • Code examples
  • Toaster

    Evergreen

    Segment

  • Toast

    Gestalt

    Pinterest

    • Code examples
  • Toast

    Lightning Design System

    Salesforce

    • Code examples
    • Usage guidelines
    • Tone of voice
  • Toast

    Polaris

    Shopify

    • Code examples
    • Usage guidelines
    • Accessibility
    • Tone of voice
  • Toast

    Primer

    GitHub

    • Code examples
  • Toast

    Purple3

    Heroku

    • Code examples
  • Toast

    Royal Navy design system

    • Usage guidelines
    • Code examples
  • Toast notification

    SEB Design Library

    Skandinaviska Enskilda Banken

    • Code examples
    • Usage guidelines
  • Toast

    Spectrum CSS

    Adobe

    • Code examples
    • Tone of voice
  • Toast

    Vercel Design

    • Code examples
  • Toast

    Workday Canvas Design System

    • Usage guidelines
    • Accessibility
    • Tone of voice

Related components

  • Alert

    65 examples

    Other names: Notification, Feedback, Message, Banner

    A way of informing the user of important changes in a prominent way.

© 2021 Iain Bean

  • Colophon
  • Changelog