diff --git a/src/primevue/toast/toast.stories.ts b/src/primevue/toast/toast.stories.ts index 35a6045..ec0511a 100644 --- a/src/primevue/toast/toast.stories.ts +++ b/src/primevue/toast/toast.stories.ts @@ -51,58 +51,55 @@ export const Success: Story = { `, }), }; - -export const WarningAutoClose: Story = { +export const Info: Story = { render: (args) => ({ components: { Toast, Btn }, setup() { const toast = useToast(); - const showWarn = () => { + const showInfo = () => { toast.add({ - severity: "warn", - summary: "This is a warning", - detail: "This is a warning message.", - life: 3000, + severity: "info", + summary: "Info Message", + detail: "This is an informational message.", }); }; - return { args, showWarn }; + return { args, showInfo }; }, template: html`
- +
`, }), }; - -export const Info: Story = { +export const WarningWithAutoClose: Story = { render: (args) => ({ components: { Toast, Btn }, setup() { const toast = useToast(); - const showInfo = () => { + const showWarn = () => { toast.add({ - severity: "info", - summary: "Info Message", - detail: "This is an informational message.", + severity: "warn", + summary: "This is a warning", + detail: "This is a warning message.", + life: 3000, }); }; - return { args, showInfo }; + return { args, showWarn }; }, template: html`
- +
`, }), }; - export const Error: Story = { render: (args) => ({ components: { Toast, Btn }, @@ -122,64 +119,60 @@ export const Error: Story = { template: html`
- +
`, }), }; - -export const SuccessSticky: Story = { +export const MultipleToasts: Story = { render: (args) => ({ - components: { Toast, Btn, IconCheck }, + components: { Toast, Btn }, setup() { const toast = useToast(); - const showSuccess = () => { + const showMultiple = () => { toast.add({ severity: "success", summary: "Verkündung erfolgreich hochgeladen", detail: "Sie können mit der Arbeit an der neuen Verkündung beginnen.", }); + toast.add({ severity: 'info', summary: 'Info', detail: 'Message Content' }); + toast.add({ severity: 'warn', summary: 'Warn', detail: 'Message Content'}); + toast.add({ severity: 'error', summary: 'Error', detail: 'Message Content'}); }; - return { args, showSuccess }; + return { args, showMultiple }; }, template: html`
- - - - + +
`, }), }; - -export const MultipleToasts: Story = { +export const ErrorNotClosableShortLived: Story = { render: (args) => ({ components: { Toast, Btn }, setup() { const toast = useToast(); - const showMultiple = () => { + const showError = () => { toast.add({ - severity: "success", - summary: "Verkündung erfolgreich hochgeladen", - detail: "Sie können mit der Arbeit an der neuen Verkündung beginnen.", + severity: "error", + summary: "Error", + detail: "An error occurred.", + closable: false, + life: 5000, }); - toast.add({ severity: 'info', summary: 'Info', detail: 'Message Content' }); - toast.add({ severity: 'warn', summary: 'Warn', detail: 'Message Content'}); - toast.add({ severity: 'error', summary: 'Error', detail: 'Message Content'}); }; - return { args, showMultiple }; + return { args, showError }; }, template: html`
- - + +
`, }),