Back to Toast-guidelines

CSS ComponentThe latest version of this package is: 14.0.0, Opens in new window

Toasts display brief, temporary notifications. They are meant to be noticed without disrupting a user's experience or requiring an action to be taken.

This component provides .css, .styl, .less and .scss -files.

To be able to install this component, please refer to the Project Setup documentation.

$ npm i @ids-core/toast@14.0.0

Info message

Table of Contents

Edit this section, Opens in new window

Usage

Message
<div class="if toast [info]" data-text="Message">
  Message
</div>
Message
<div class="if toast info has-icon" data-text="Message">
  Message
</div>
Message
<div class="if toast warning" data-text="Message">
  Message
</div>
Message
<div class="if toast warning has-icon" data-text="Message">
  Message
</div>
Message
<div class="if toast success" data-text="Message">
  Message
</div>
Message
<div class="if toast success has-icon" data-text="Message">
  Message
</div>
Message
<div class="if toast error" data-text="Message">
  Message
</div>
Message
<div class="if toast error has-icon" data-text="Message">
  Message
</div>
Edit this section, Opens in new window

Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

14.0.0 (2021-11-09)

chore

  • ๐Ÿค– Rename util to utils (f78721f)

Code Refactoring

  • ๐Ÿ’ก Rename scope and repository (3ea5423)
  • ๐Ÿ’ก Use new navigation structure for documentation (415aee5), closes #490579

Documentation

  • โœ๏ธ Update links and change navigation structure (0bfd27d), closes #490579

BREAKING CHANGES

  • ๐Ÿงจ The scope for If Design System npm packages has now changed from

@if-design-system to @ids-core. We have also renamed the repository from if-design-system to ids-core

  • ๐Ÿงจ Util is now renamed to Utils
  • ๐Ÿงจ We have now changed the navigation structure for the documentation site.

Please update any saved links!

  • ๐Ÿงจ Navigation structure has now changed. Please see release notes!

13.11.0 (2021-10-19)

Features

  • ๐ŸŽธ Input field hot reload (eac76b7)

13.9.2 (2021-09-30)

Bug Fixes

  • ๐Ÿ› Complete the pseudo-element fix (1dcee2c)

13.6.3 (2021-09-17)

Bug Fixes

12.13.1 (2021-08-11)

Bug Fixes

  • ๐Ÿ› Whitelist docs dir for npm packaging (1a5cfd0), closes #457621

12.12.0 (2021-08-09)

Features

Edit this section, Opens in new window
Contact us, Opens in new window