2022-09-12 07:13:52 +00:00
const ToastProps = [
{
2022-09-14 14:26:41 +00:00
name : 'group' ,
type : 'string' ,
default : 'null' ,
description : 'Unique identifier of a message group.'
2022-09-12 07:13:52 +00:00
} ,
{
2022-09-14 14:26:41 +00:00
name : 'position' ,
type : 'string' ,
default : 'top-right' ,
2022-09-12 07:13:52 +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".'
} ,
{
2022-09-14 14:26:41 +00:00
name : 'autoZIndex' ,
type : 'boolean' ,
default : 'true' ,
description : 'Whether to automatically manage layering.'
2022-09-12 07:13:52 +00:00
} ,
{
2022-09-14 14:26:41 +00:00
name : 'baseZIndex' ,
type : 'number' ,
default : '0' ,
description : 'Base zIndex value to use in layering.'
2022-09-12 07:13:52 +00:00
} ,
{
2022-09-14 14:26:41 +00:00
name : 'breakpoints' ,
type : 'object' ,
default : 'null' ,
description : 'Object literal to define widths per screen size.'
2022-09-12 07:13:52 +00:00
}
] ;
const ToastSlots = [
{
2022-09-14 14:26:41 +00:00
name : 'message' ,
description : 'Custom content for the toast message'
2022-09-12 07:13:52 +00:00
}
] ;
module . exports = {
toast : {
2022-09-14 14:26:41 +00:00
name : 'Toast' ,
description : 'Toast is used to display messages in an overlay.' ,
2022-09-12 07:13:52 +00:00
props : ToastProps ,
slots : ToastSlots
}
} ;