| message |
String |
'' |
- |
N |
The message to display in the notification. |
|
| visible |
Boolean |
false |
true/false |
N |
Whether the notification should be visible or hidden. |
|
| duration |
Number |
2000 |
- |
N |
The duration in milliseconds for which the notification should remain visible. A value of 0 means it won't automatically close. |
|
| position |
String |
'center' |
'center'/'top'/'bottom' |
N |
The position where the notification should be displayed. |
|
| py |
String |
'20 |
'0'/'10'/'20'/'40'/'60'/'80' |
N |
The position offset from the top or bottom of the screen when the notification is displayed. This property is ignored when position is set to 'center'. |
|
| radius |
String |
'base' |
'base'/'full'/'none'/'sm'/'md'/'lg'/'xl'/'2xl' |
N |
The style of the notification's corners. |
|
| useSlot |
Boolean |
false |
true/false |
N |
Whether to use a slot. |
|
| transitionType |
String |
'scale' |
'fade'/'fly'/'scale'/'slide'/'none' |
N |
The type of animation to use. |
|
| transitionParams |
Object |
{} |
See svelte/transition |
N |
Animation parameters, with the default duration set to 300ms. |
|
| outDuration |
Number |
0 |
- |
N |
Duration of the exit animation in milliseconds. |
|
| mask |
Object |
{} |
See Mask Props |
N |
Parameters for the mask layer. |
|
| type |
String |
'' |
''/'success'/'error'/'warning'/'info'/'loading'/SVG Sprites name |
N |
Type of notification. |
|
| loading |
Object |
{} |
See Loading Props |
N |
Parameters for the loading component, only effective when the type is 'loading'. |
|
| icon |
Object |
{} |
See Icon Props |
N |
Parameters for the icon component, only effective when the type is non-empty and non-'loading'. |
|
| zIndex |
Number |
1000 |
- |
N |
z-index. |
|
| clickable |
Boolean |
false |
true/false |
N |
Whether the notification area is clickable through. |
|
| dynamicFixed |
Boolean |
true |
true/false |
N |
Whether to dynamically fix the position. |
|