MaterialR Snackbar

@materialr/snackbar

Material snackbar implementation for React

Installation

$ npm install --save @materialr/snackbar

Demo

A full demo is available on the MaterialR website showcasing all variants.

Components

Default export

import Snackbar from '@materialr/snackbar';

Props

| Prop | Type | Required | Default | Description | | ------------------------- | ------ | -------- | --------- | ---------------------------------------------------------------------- | | actionHandler | func | No | undefined | The action handler for the action button | | actionText | string | No | undefined | The text to display on the action button | | alignStart | bool | No | false | Whether the snackbar should align to the start of the screen | | className | string | No | undefined | Additional classNames to add | | multiline | bool | No | false | Whether the message to display should be displayed over multiple lines | | multilineActionOnBottom | bool | No | false | Whether the action button should go below the multiline text | | onHide | func | No | undefined | An action handler for when the message hides | | onShow | func | No | undefined | An action handler for when the message shows | | timeout | number | No | 2750 | The time before the message hides (in milliseconds) |