Skip to content

Commit

Permalink
doc updated
Browse files Browse the repository at this point in the history
  • Loading branch information
s4l1h committed Jul 10, 2019
1 parent 537885a commit 73dce35
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 1 deletion.
2 changes: 1 addition & 1 deletion docs/started.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Getting Started

After installation you will be able to use **_vue-toastr_** as a **_component_** or a **_plugin_**.
After installation you will be able to use **_vue-toastr_** as a **_component_** or as a **_plugin_**.

Next step you should choice how are you going to use **_vue-toastr_**.

Expand Down
11 changes: 11 additions & 0 deletions docs/usage_browser.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,15 @@ When you add vue-toastr to your page you won't need to install it because it wil
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-toastr/dist/vue-toastr.umd.min.js"></script>

<!-- for animation it is not necessary just for fun -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"
integrity="sha256-PHcOkPmOshsMBC+vtJdVr5Mwb7r0LkSVJPlPrp/IMpU="
crossorigin="anonymous"
/>
<!-- for animation it is not necessary just for fun -->

<div id="#app">
<!-- Your vue application -->
</div>
Expand All @@ -22,6 +31,8 @@ When you add vue-toastr to your page you won't need to install it because it wil
// you can access the plugin from everywhere via this.$toastr
new Vue({
mounted() {
// Inject your class names for animation
this.$toastr.defaultClassNames = ["animated", "zoomInUp"];
// Change Toast Position
this.$toastr.defaultPosition = "toast-top-left";
// Send message to browser screen
Expand Down

0 comments on commit 73dce35

Please sign in to comment.