From 4f2051c9634489abe5a722ce1da93426dd01e562 Mon Sep 17 00:00:00 2001 From: cschroeter Date: Mon, 4 Mar 2024 15:05:44 +0000 Subject: [PATCH] docs: update types and storydocs --- packages/website/src/content/stories/react/toast.stories.json | 2 +- packages/website/src/content/stories/solid/toast.stories.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/website/src/content/stories/react/toast.stories.json b/packages/website/src/content/stories/react/toast.stories.json index c942b3e8b3..943134c1f3 100644 --- a/packages/website/src/content/stories/react/toast.stories.json +++ b/packages/website/src/content/stories/react/toast.stories.json @@ -1,5 +1,5 @@ { - "Basic": "import { Toast, createToaster } from '@ark-ui/react'\n\nconst Basic = () => {\n const [Toaster, toast] = createToaster({\n placement: 'top-end',\n render(toast) {\n return (\n \n {toast.title}\n {toast.description}\n Close\n \n )\n },\n })\n\n return (\n <>\n \n \n \n )\n}\n", + "Basic": "import { Toast, createToaster } from '@ark-ui/react'\nimport { useEffect } from 'react'\n\nconst Basic = () => {\n const [Toaster, toast] = createToaster({\n placement: 'top-end',\n render(toast) {\n return (\n \n {toast.title}\n {toast.description}\n Close\n \n )\n },\n })\n\n useEffect(\n () => toast.subscribe((toasts) => toasts.forEach((toast) => console.log('Toast:', toast))),\n [toast],\n )\n\n const handleToast = () => {\n const id = toast.create({ title: 'Title', description: 'Description' })\n console.log('Toast ID:', id)\n }\n\n return (\n <>\n \n \n \n )\n}\n", "Customized": "import { Toast, createToaster } from '@ark-ui/react'\n\nconst Customized = () => {\n const [Toaster, toast] = createToaster({\n placement: 'bottom-start',\n render(toast) {\n return (\n \n {toast.title}\n {toast.description}\n Close\n \n )\n },\n })\n\n return (\n <>\n \n toast.create({\n title: 'Success',\n description: 'This is a success toast',\n type: 'success',\n duration: 20000,\n removeDelay: 250,\n })\n }\n >\n Toast\n \n \n \n )\n}\n", "CustomRender": "import { Toast, createToaster } from '@ark-ui/react'\n\nconst CustomRender = () => {\n const [Toaster, toast] = createToaster({\n placement: 'top-end',\n // custom render may go directly into the function below\n render(toast) {\n return (\n \n {toast.title}\n {toast.description}\n Close\n \n )\n },\n })\n\n return (\n <>\n \n toast.create({\n title: 'Please checkout',\n render: (toast) => (\n
\n {toast.title} Ark UI\n
\n ),\n })\n }\n >\n Toast\n \n \n \n )\n}\n" } diff --git a/packages/website/src/content/stories/solid/toast.stories.json b/packages/website/src/content/stories/solid/toast.stories.json index 5d33908923..53b152ca8c 100644 --- a/packages/website/src/content/stories/solid/toast.stories.json +++ b/packages/website/src/content/stories/solid/toast.stories.json @@ -1,5 +1,5 @@ { - "Basic": "import { Toast, createToaster } from '@ark-ui/solid'\n\nconst Basic = () => {\n const [Toaster, toast] = createToaster({\n placement: 'top-end',\n render(toast) {\n return (\n \n {toast().title}\n {toast().description}\n Close\n \n )\n },\n })\n\n return (\n <>\n \n \n \n )\n}\n", + "Basic": "import { Toast, createToaster } from '@ark-ui/solid'\nimport { createEffect } from 'solid-js'\n\nconst Basic = () => {\n const [Toaster, toast] = createToaster({\n placement: 'top-end',\n render(toast) {\n return (\n \n {toast().title}\n {toast().description}\n Close\n \n )\n },\n })\n\n createEffect(() =>\n toast().subscribe((toasts) => toasts.forEach((toast) => console.log('Toast:', toast))),\n )\n\n const handleToast = () => {\n const id = toast().create({ title: 'Title', description: 'Description' })\n console.log('Toast ID:', id)\n }\n\n return (\n <>\n \n \n \n )\n}\n", "Customized": "import { Toast, createToaster } from '@ark-ui/solid'\n\nconst Customized = () => {\n const [Toaster, toast] = createToaster({\n placement: 'bottom-start',\n render(toast) {\n return (\n \n {toast().title}\n {toast().description}\n Close\n \n )\n },\n })\n\n return (\n <>\n \n toast().create({\n title: 'Success',\n description: 'This is a success toast',\n type: 'success',\n duration: 20000,\n removeDelay: 250,\n })\n }\n >\n Toast\n \n \n \n )\n}\n", "CustomRender": "import { Toast, createToaster } from '@ark-ui/solid'\n\nconst CustomRender = () => {\n const [Toaster, toast] = createToaster({\n placement: 'top-end',\n // custom render may go directly into the function below\n render(toast) {\n return (\n \n {toast().title}\n {toast().description}\n Close\n \n )\n },\n })\n\n return (\n <>\n \n toast().create({\n title: 'Please checkout',\n render: (toast) => (\n
\n {toast().title} Ark UI\n
\n ),\n })\n }\n >\n Toast\n \n \n \n )\n}\n" }