The number of milliseconds to wait before automatically calling the <code>onClose</code> function. <code>onClose</code> should then set the state of the <code>open</code> prop to hide the Snackbar. This behavior is disabled by default with the <code>null</code> value.

If <code>true</code>, the <code>autoHideDuration</code> timer will expire even if the window is not focused.

The prop used to handle exited transition and unmount the component.

Callback fired when the component requests to be closed. Typically <code>onClose</code> is used to set state in the parent component, which is used to control the <code>Snackbar</code> <code>open</code> prop. The <code>reason</code> parameter can optionally be used to control the response to <code>onClose</code>, for example ignoring <code>clickaway</code>.

If <code>true</code>, the component is shown.

The number of milliseconds to wait before dismissing after user interaction. If <code>autoHideDuration</code> prop isn&#39;t specified, it does nothing. If <code>autoHideDuration</code> prop is specified but <code>resumeHideDuration</code> isn&#39;t, we default to <code>autoHideDuration / 2</code> ms.

The props used for each slot inside the Snackbar.

The components used for each slot inside the Snackbar. Either a string to use a HTML element or a component.

Snackbar

number

bool

func

{ clickAwayListener?: func &#124;&nbsp;{ children: element, disableReactTree?: bool, mouseEvent?: 'onClick' &#124;&nbsp;'onMouseDown' &#124;&nbsp;'onMouseUp' &#124;&nbsp;'onPointerDown' &#124;&nbsp;'onPointerUp' &#124;&nbsp;false, onClickAway?: func, touchEvent?: 'onTouchEnd' &#124;&nbsp;'onTouchStart' &#124;&nbsp;false }, root?: func &#124;&nbsp;object }

shape

root

The basic building block for creating custom snackbar.

Callback fired when a &quot;click away&quot; event is detected.

useSnackbar

number | null

boolean

(event: React.SyntheticEvent&lt;any&gt; | Event | null, reason: SnackbarCloseReason) =&gt; void

&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseSnackbarRootSlotProps&lt;ExternalProps&gt;

(event: React.SyntheticEvent&lt;any&gt; | Event) =&gt; void

Name	Type	Default	Description
autoHideDuration	number \| null	null	The number of milliseconds to wait before automatically calling the `onClose` function. `onClose` should then set the state of the `open` prop to hide the Snackbar. This behavior is disabled by default with the `null` value.
disableWindowBlurListener	boolean	false	If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
onClose	(event: React.SyntheticEvent<any> \| Event \| null, reason: SnackbarCloseReason) => void	-	Callback fired when the component requests to be closed. Typically `onClose` is used to set state in the parent component, which is used to control the `Snackbar` `open` prop. The `reason` parameter can optionally be used to control the response to `onClose`, for example ignoring `clickaway`.
open	boolean	-	If `true`, the component is shown.
resumeHideDuration	number	-	The number of milliseconds to wait before dismissing after user interaction. If `autoHideDuration` prop isn't specified, it does nothing. If `autoHideDuration` prop is specified but `resumeHideDuration` isn't, we default to `autoHideDuration / 2` ms.

Name	Type	Description
getRootProps	<ExternalProps extends Record<string, unknown> = {}>(externalProps?: ExternalProps) => UseSnackbarRootSlotProps<ExternalProps>	Resolver for the root slot's props.
onClickAway	(event: React.SyntheticEvent<any> \| Event) => void	Callback fired when a "click away" event is detected.

Snackbar

useSnackbar API

Import

Parameters

Return value