3.11.0

Toast-y.

Structure of a basic toast is as follows:

1. A container to position the toasts on screen;
2. A wrapper element (.toast-container) ;
3. The .toast itself;
4. An internal wrapper to distribute the three constituents;
5. An icon
6. The message, wrapped in .toast-body
7. A btn-close to dismiss the toast

        <div style="position: relative;" role="alert" aria-live="assertive" aria-atomic="true">
          <div class="toast-container">
            <div class="toast">
              <div>
                <i class="fal fa-spinner-third fa-spin fa-fw"></i>
                <span class="toast-body">Hello, world! This is a toast message.</span>
                <button type="button" class="btn-close">Close</button>
              </div>
            </div>
          </div>
        </div>

3.11.0 (2022-03-25)

Features

• add toasts (4c41249)

Full Changelog: v3.10.0...v3.11.0