Thumbprint logo
  • Overview
      • About
      • Accessibility
      • Contributing
      • Developers
      • Product Design
        • Content Design
            • Voice and tone
            • Inclusion and accessibility
            • Grammar and mechanics
            • Surfaces and elements
  • Guidelines
      • Aspect ratio
      • Brand assets
      • Breakpoints
      • Color
      • Design tokens
      • Iconography
      • Loaders
      • Motion
      • Spacers
      • Toolkits
      • Truncation
      • Typography
  • Components
      • Overview
      • Global CSS
      • Mixins
      • Action Sheet
      • Alert
      • Alert Banner
      • Avatar
      • Button
      • Button Row
      • Calendar
      • Carousel
      • Checkbox
      • Chip
      • Date Picker
      • Dropdown
      • Fab
      • Font Face
      • Form Note
      • Grid
      • Horizontal Rule
      • Icon Button
      • Image
      • Input Row
      • Label
      • Link
      • List
      • Loader Dots
      • Longread
      • Modal
      • Modal Base
      • Modal Curtain
      • Modal Standard
      • Navigation Bar
      • Partial Sheet
      • Pill
      • Popover
      • Radio
      • Service Card
      • Shadow Card
      • Star Rating
      • Switch
      • Text Area
      • Text Input
      • Toast
      • Tooltip
      • Type
      • Wrap
  • Atomic
  • Tokens
      • SCSS
          • Border Radius
          • Breakpoint
          • Color
          • Corner Radius
          • Duration
          • Easing
          • Font Family
          • Font Weight
          • Font
          • Letter Spacing
          • Line Height
          • Shadow
          • Scrim
          • Space
          • Wrap
          • Z-Index
      • JavaScript
          • Border Radius
          • Breakpoint
          • Color
          • Corner Radius
          • Duration
          • Easing
          • Font Family
          • Font Weight
          • Font
          • Letter Spacing
          • Line Height
          • Shadow
          • Scrim
          • Space
          • Wrap
          • Z-Index
      • iOS
          • Color
          • Corner Radius
          • Duration
          • Font Weight
          • Font
          • Scrim
          • Space
      • Android
          • Color
          • Corner Radius
          • Duration
          • Font Weight
          • Font
          • Letter Spacing
          • Scrim
          • Space
  • Icons
  • Updates
      • Release Notes
  • Help
  • License
  • Thumbtack, Inc.

Components

Toast(Android)

A message displayed for a short time at the base of the screen

iOS (UIKit)iOS (SwiftUI)Android

Toasts are short messages displayed fleetingly (3-5 seconds) at screen base, with an optional associated action.

Toast

Toasts are configured in code, using a builder-style construction.