Skip to main content

Snackbar

Components

Snackbar()

Snackbar(props, context?): ReactNode

The Snackbar component is an UI element that is often used to display brief messages that don't requires immediate actions from the user. One example is to provide feedback or updates when a user perform an action. The Snackbar will appear near the bottom of the page and will disappear after a predetermined amount of time.

Parameters

ParameterType
propsSnackbarProps
context?any

Returns

ReactNode

Example

  <Snackbar title='Snackbar' description='Some important information will appear here' />

Source

libs/design-system-core/src/components/Snackbar/index.tsx:45

Props

SnackbarProps

SnackbarProps: object

Type declaration

MemberType
actionButtonLabelstring
customStylestring
descriptionstring
dismissableboolean
handleButtonClick(event) => void
handleDismiss(event) => void
iconReact.ReactElement
titleReact.ReactNode
typeNotificationTypes

Source

libs/design-system-core/src/components/Snackbar/index.tsx:12