Glowup
FEEDBACK · 59 / 89
Snackbar
Snackbar — a Material You feedback component for React Native and web.
󱀫
packages/ui/src/components/Snackbar.tsx
Live demo
Properties
5 controls
Visible
Message
Type
Default
󰍝
Duration (ms)
Icon Override
Usage
Snackbar.tsx
<Snackbar visible={false} message="Changes saved." />
Variants
The states and shapes this component is meant to be used in.
With action
Chip
Moved to Buttons & actions.
Types
Custom icon
Long message
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
7 on SnackbarProps
message
required
string
onDismiss
required
() => void
visible
required
boolean
action
{ label: string; onPress: () => void; }
duration
number
default: 4000
icon
MaterialCommunityIconsGlyphs
type
"default" | "success" | "error"
default: "default"