2021-05-12 09:35:29 +00:00
const ToastProps = [
{
name : "group" ,
type : "string" ,
default : "null" ,
description : "Unique identifier of a message group."
} ,
{
name : "position" ,
type : "string" ,
default : "top-right" ,
2021-06-11 12:14:57 +00:00
description : 'Position of the toast in viewport. Other valid values are "top-left", "top-center", "bottom-left", "bottom-center", "bottom-right" and "center".'
2021-05-12 09:35:29 +00:00
} ,
{
name : "autoZIndex" ,
type : "boolean" ,
default : "true" ,
description : "Whether to automatically manage layering."
} ,
{
name : "baseZIndex" ,
type : "number" ,
default : "0" ,
description : "Base zIndex value to use in layering."
2021-06-16 10:00:57 +00:00
} ,
{
name : "breakpoints" ,
type : "object" ,
default : "null" ,
description : "Object literal to define widths per screen size."
2021-05-12 09:35:29 +00:00
}
] ;
2021-08-24 08:32:22 +00:00
const ToastSlots = [
{
name : "message" ,
description : "Custom content for the toast message"
}
] ;
2021-05-12 09:35:29 +00:00
module . exports = {
toast : {
name : "Toast" ,
description : "Toast is used to display messages in an overlay." ,
2021-08-24 08:32:22 +00:00
props : ToastProps ,
slots : ToastSlots
2021-05-12 09:35:29 +00:00
}
} ;