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