Toast
Wrapper for the Bootstrap toast component.
Example Usage
import React from "react";
import {Toast} from "bs5-react-elements";
function ExampleUsage() {
return <Toast className="toast" role="alert">
<div className="toast-body">
Lorem ipsum dolor.
</div>
</Toast>;
}
Demos
There are no demos available for this element. Submit an issue or pull request on GitHub to add one.
Props
Name | Description | Type | Default Value | Since |
---|---|---|---|---|
onShown | Handler for the shown.bs.toast event | func | 0.2.0 | |
onShow | Handler for the show.bs.toast event | func | 0.2.0 | |
onHidden | Handler for the hidden.bs.toast event | func | 0.2.0 | |
onHide | Handler for the hide.bs.toast event | func | 0.2.0 | |
component | React ref that will be assigned the component instance | React ref | 0.2.0 | |
config | Component configuration | object | 0.2.0 | |
children | Toast contents | node | 0.2.0 |