@@ -96,16 +96,25 @@ Toasts can be displayed as variants thru various helper methods or be set in `To
96
96
import {useToast } from ' bootstrap-vue-3'
97
97
let toast = useToast ()
98
98
let variantshow1 = () => {
99
- toast .danger ({title: ' Item Deleted' }, {pos: ' bottom-center' })
99
+ toast .show ({title: ' Item Deleted' }, {pos: ' bottom-center' , variant : ' danger ' })
100
100
}
101
101
let variantshow2 = () => {
102
- toast .info ({title: ' New Message' , body: ' This is a toast' }, {pos: ' bottom-right' })
102
+ toast .show (
103
+ {title: ' New Message' , body: ' This is a toast' },
104
+ {pos: ' bottom-right' , variant: ' info' }
105
+ )
103
106
}
104
107
let variantshow3 = () => {
105
- toast .warning ({title: ' Warning for Item' , body: ' Please check list' }, {pos: ' bottom-right' })
108
+ toast .show (
109
+ {title: ' Warning for Item' , body: ' Please check list' },
110
+ {pos: ' bottom-right' , variant: ' warning' }
111
+ )
106
112
}
107
113
let variantshow4 = () => {
108
- toast .success ({title: ' Event Created!' , body: ' Bootstrap Event' }, {pos: ' bottom-right' })
114
+ toast .show (
115
+ {title: ' Event Created!' , body: ' Bootstrap Event' },
116
+ {pos: ' bottom-right' , variant: ' success' }
117
+ )
109
118
}
110
119
</script >
111
120
```
0 commit comments