@violetui/snackbar

Usage

first import the Snackbar component:

const Snackbar = require('@violetui/snackbar');
// or
import Snackbar From '@violetui/snackbar'

use it:

<Snackbar
startIcon={<Icon/>}
action={{
  name:'Undo',
  onClick()=>{
    // some operation
  }
}}
endIcon={{
  icon:<CloseIcon/>,
  onClick(){
    // close snack?
  }
}}
color="default"
>
  the text inside snackbar
</Snackbar>

Props

1. color(optional): "primary" | "secondary" | "tertiary" | "error" | "warning" | "success" | "default"

2. children: ReactElement

3. startIcon(optional): ReactElement

4. endIcon(optional): Object --> {icon:ReactElement , onClick:function}

5. action(optional): Object --> {name:string , onClick:function}