{"slug":"notificationpro","mode":"scenarios","examples":[{"id":"notificationpro-ex-1","title":"success","titleSrc":"demo","desc":"","html":"<button onclick=\"KoleNotify.success('审批通过', '订单 ORD-2024 已通过主管审批')\">success</button>","preview":{"show":[[0]],"hide":[[1],[2],[3],[4]],"mode":"scenarios"},"previewSafe":false,"previewUnsafeReasons":["演示脚本向 body 追加节点"],"source":"api-derived","code":{"html":"<button onclick=\"KoleNotify.success('审批通过', '订单 ORD-2024 已通过主管审批')\">success</button>","jsx":"import { KoleNotificationPro } from 'kole-ui/react';\n\n<KoleNotificationPro />","vue3":"<template>\n  <KoleNotificationPro />\n</template>\n\n<script setup>\nimport { KoleNotificationPro } from 'kole-ui/vue3';\n</script>","vue2":"<template>\n  <KoleNotificationPro />\n</template>\n\n<script>\nimport { KoleNotificationPro } from 'kole-ui/vue2';\nexport default { components: { KoleNotificationPro } };\n</script>"},"notes":["演示页未含可映射的调用标记，本片段依据组件 API 表推导"]},{"id":"notificationpro-ex-2","title":"error","titleSrc":"demo","desc":"","html":"<button onclick=\"KoleNotify.error('提交失败', '网络异常，请稍后重试')\">error</button>","preview":{"show":[[1]],"hide":[[0],[2],[3],[4]],"mode":"scenarios"},"previewSafe":false,"previewUnsafeReasons":["演示脚本向 body 追加节点"],"source":"api-derived","code":{"html":"<button onclick=\"KoleNotify.error('提交失败', '网络异常，请稍后重试')\">error</button>","jsx":"import { KoleNotificationPro } from 'kole-ui/react';\n\n<KoleNotificationPro />","vue3":"<template>\n  <KoleNotificationPro />\n</template>\n\n<script setup>\nimport { KoleNotificationPro } from 'kole-ui/vue3';\n</script>","vue2":"<template>\n  <KoleNotificationPro />\n</template>\n\n<script>\nimport { KoleNotificationPro } from 'kole-ui/vue2';\nexport default { components: { KoleNotificationPro } };\n</script>"},"notes":["演示页未含可映射的调用标记，本片段依据组件 API 表推导"]},{"id":"notificationpro-ex-3","title":"warning","titleSrc":"demo","desc":"","html":"<button onclick=\"KoleNotify.warning('存储空间不足', '当前已使用 92%')\">warning</button>","preview":{"show":[[2]],"hide":[[0],[1],[3],[4]],"mode":"scenarios"},"previewSafe":false,"previewUnsafeReasons":["演示脚本向 body 追加节点"],"source":"api-derived","code":{"html":"<button onclick=\"KoleNotify.warning('存储空间不足', '当前已使用 92%')\">warning</button>","jsx":"import { KoleNotificationPro } from 'kole-ui/react';\n\n<KoleNotificationPro />","vue3":"<template>\n  <KoleNotificationPro />\n</template>\n\n<script setup>\nimport { KoleNotificationPro } from 'kole-ui/vue3';\n</script>","vue2":"<template>\n  <KoleNotificationPro />\n</template>\n\n<script>\nimport { KoleNotificationPro } from 'kole-ui/vue2';\nexport default { components: { KoleNotificationPro } };\n</script>"},"notes":["演示页未含可映射的调用标记，本片段依据组件 API 表推导"]},{"id":"notificationpro-ex-4","title":"info","titleSrc":"demo","desc":"","html":"<button onclick=\"KoleNotify.info('新版本', '系统已发布 v2.3.0')\">info</button>","preview":{"show":[[3]],"hide":[[0],[1],[2],[4]],"mode":"scenarios"},"previewSafe":false,"previewUnsafeReasons":["演示脚本向 body 追加节点"],"source":"api-derived","code":{"html":"<button onclick=\"KoleNotify.info('新版本', '系统已发布 v2.3.0')\">info</button>","jsx":"import { KoleNotificationPro } from 'kole-ui/react';\n\n<KoleNotificationPro />","vue3":"<template>\n  <KoleNotificationPro />\n</template>\n\n<script setup>\nimport { KoleNotificationPro } from 'kole-ui/vue3';\n</script>","vue2":"<template>\n  <KoleNotificationPro />\n</template>\n\n<script>\nimport { KoleNotificationPro } from 'kole-ui/vue2';\nexport default { components: { KoleNotificationPro } };\n</script>"},"notes":["演示页未含可映射的调用标记，本片段依据组件 API 表推导"]}]}