@ftrack/react-toolbox/docs/app/components/layout/main/modules/examples/snackbar_example_1.txt

A set of React components implementing Google's Material Design specification with the power of CSS Modules.

class SnackbarTest extends React.Component {
  handleSnackbarClick = (event, instance) => {
    console.log('handleSnackbarClick', event, instance);
    this.setState({ active: false });
  };

  handleSnackbarTimeout = (event, instance) => {
    console.log('handleSnackbarClick', event, instance);
    this.setState({ active: false });
  };

  handleClick = () => {
    this.setState({ active: true });
  };

  state = {
    active: false
  };

  render () {
    return (
      <section>
        <Button label='Show snackbar' raised primary onClick={this.handleClick} />
        <Snackbar
          action='Dismiss'
          active={this.state.active}
          label='Snackbar action cancel'
          timeout={2000}
          onClick={this.handleSnackbarClick}
          onTimeout={this.handleSnackbarTimeout}
          type='cancel'
        />
      </section>
    );
  }
}

return <SnackbarTest />;