logologo
logologo
Overview
Getting Started
Config
Styles
Adaptive Mode
Code Splitting

Components

Adaptive Autocomplete
Adaptive Button
Adaptive Button Stack
Adaptive Checkbox
Adaptive Dialog
Adaptive Floating Action Button
Adaptive Menu
Adaptive Progress
Adaptive Radio
Adaptive Select
Adaptive Slider
Adaptive Snackbar
Adaptive Switch
Adaptive Text Field
  • Adaptiveness
  • Background Limitations
  • API
  • Links

#Adaptive Snackbar

#Adaptiveness

  • Android & iOS: native styling

#Background Limitations

The iOS snackbar background uses backdrop-filter which has limitations based on it's parent elements. Usually the simplest solution is to wrap it in a Portal like what was done in the above example.

#API

MUI Snackbar API

#Links

  • Component Source 
    adaptiveSnackbar.tsx
  • Doc Source adaptiveSnackbar.mdx
  • MUI Snackbar
Previous PageAdaptive Slider
Next PageAdaptive Switch
ON THIS PAGE
  • Adaptiveness
  • Background Limitations
  • API
  • Links