Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Convert to ES6 compatible library #65

Merged
merged 10 commits into from
Mar 25, 2021
Merged

Convert to ES6 compatible library #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
a81cbcf
Initial conversion to ES6
AStoker Nov 3, 2020
b8f3de1
Use template strings and bring in private function
AStoker Dec 4, 2020
6fa9020
Use safer innerText
AStoker Dec 4, 2020
9543189
Add support for shadow dom
AStoker Dec 7, 2020
403c87d
Use more ES6
AStoker Dec 7, 2020
44f7e8b
Added ability to use unsafe innerHTML
AStoker Feb 17, 2021
6310565
Added ability to better style toasts
AStoker Feb 17, 2021
510352e
Moved backgroundColor to new style property
AStoker Feb 17, 2021
f13ddae
backgroundColor doesn't overwrite style background
AStoker Feb 17, 2021
1852c5e
Added deprecation notice and warning
AStoker Mar 25, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 4 additions & 2 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -134,19 +134,21 @@ If `gravity` is equals to `bottom`, it will be pushed from bottom.
| text | string | Message to be displayed in the toast | "Hi there!" |
| node | ELEMENT_NODE | Provide a node to be mounted inside the toast. `node` takes higher precedence over `text` | |
| duration | number | Duration for which the toast should be displayed.<br>-1 for permanent toast | 3000 |
| selector | string | CSS Selector on which the toast should be added | body |
| selector | string \| ELEMENT_NODE | ShadowRoot | CSS Selector or Element Node on which the toast should be added | body |
| destination | URL string | URL to which the browser should be navigated on click of the toast | |
| newWindow | boolean | Decides whether the `destination` should be opened in a new window or not | false |
| close | boolean | To show the close icon or not | false |
| gravity | "top" or "bottom" | To show the toast from top or bottom | "top" |
| position | "left" or "right" | To show the toast on left or right | "right" |
| backgroundColor | CSS background value | Sets the background color of the toast | |
| backgroundColor | CSS background value | To be deprecated, use `style.background` option instead. Sets the background color of the toast | |
| avatar | URL string | Image/icon to be shown before text | |
| className | string | Ability to provide custom class name for further customization | |
| stopOnFocus | boolean | To stop timer when hovered over the toast (Only if duration is set) | true |
| callback | Function | Invoked when the toast is dismissed | |
| onClick | Function | Invoked when the toast is clicked | |
| offset | Object | Ability to add some offset to axis | |
| escapeMarkup | boolean | Toggle the default behavior of escaping HTML markup | true |
| style | object | Use the HTML DOM Style properties to add any style directly to toast | |

## Browsers support

Expand Down