react-toolbox/spec/components/snackbar.jsx

34 lines
797 B
JavaScript

import React from 'react';
import Button from '../../components/button';
import Snackbar from '../../components/snackbar';
class SnackbarTest extends React.Component {
handleClick = (event, snackbar) => {
console.log('handleClick', event, snackbar);
};
handleSnackbar = () => {
this.refs.snackbar.show();
};
render () {
return (
<section>
<h5>Snackbars & Toasts</h5>
<p>lorem ipsum...</p>
<Button label='Show snackbar' kind='raised' onClick={this.handleSnackbar} />
<Snackbar
ref='snackbar'
action='Dismiss'
icon='question-answer'
label='Snackbar action cancel'
onClick={this.handleClick}
type='cancel'
/>
</section>
);
}
}
export default SnackbarTest;