{"slug":"exceptionvariants","mode":"scenarios","examples":[{"id":"exceptionvariants-ex-1","title":"403 禁止访问","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-exception\" role=\"status\" data-type=\"403\"></div>\n</div>","preview":{"show":[[0]],"hide":[[1],[2],[3],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-exception\" role=\"status\" data-type=\"403\"></div>","jsx":"import { KoleExceptionVariants } from 'kole-ui/react';\n\n<>\n<KoleExceptionVariants type=\"403\" role=\"status\" />\n</>","vue3":"import { KoleExceptionVariants } from 'kole-ui/vue3';\n\n<template>\n<KoleExceptionVariants :type=\"403\" role=\"status\" />\n</template>","vue2":"import { KoleExceptionVariants } from 'kole-ui/vue2';\n\n<template>\n<KoleExceptionVariants :type=\"403\" role=\"status\" />\n</template>"},"notes":[]},{"id":"exceptionvariants-ex-2","title":"404 页面不存在","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-exception\" role=\"status\" data-type=\"404\"></div>\n</div>","preview":{"show":[[1]],"hide":[[0],[2],[3],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-exception\" role=\"status\" data-type=\"404\"></div>","jsx":"import { KoleExceptionVariants } from 'kole-ui/react';\n\n<>\n<KoleExceptionVariants type=\"404\" role=\"status\" />\n</>","vue3":"import { KoleExceptionVariants } from 'kole-ui/vue3';\n\n<template>\n<KoleExceptionVariants :type=\"404\" role=\"status\" />\n</template>","vue2":"import { KoleExceptionVariants } from 'kole-ui/vue2';\n\n<template>\n<KoleExceptionVariants :type=\"404\" role=\"status\" />\n</template>"},"notes":[]},{"id":"exceptionvariants-ex-3","title":"500 服务器错误","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-exception\" role=\"status\" data-type=\"500\"></div>\n</div>","preview":{"show":[[2]],"hide":[[0],[1],[3],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-exception\" role=\"status\" data-type=\"500\"></div>","jsx":"import { KoleExceptionVariants } from 'kole-ui/react';\n\n<>\n<KoleExceptionVariants type=\"500\" role=\"status\" />\n</>","vue3":"import { KoleExceptionVariants } from 'kole-ui/vue3';\n\n<template>\n<KoleExceptionVariants :type=\"500\" role=\"status\" />\n</template>","vue2":"import { KoleExceptionVariants } from 'kole-ui/vue2';\n\n<template>\n<KoleExceptionVariants :type=\"500\" role=\"status\" />\n</template>"},"notes":[]},{"id":"exceptionvariants-ex-4","title":"502 网关错误","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-exception\" role=\"status\" data-type=\"502\"></div>\n</div>","preview":{"show":[[3]],"hide":[[0],[1],[2],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-exception\" role=\"status\" data-type=\"502\"></div>","jsx":"import { KoleExceptionVariants } from 'kole-ui/react';\n\n<>\n<KoleExceptionVariants type=\"502\" role=\"status\" />\n</>","vue3":"import { KoleExceptionVariants } from 'kole-ui/vue3';\n\n<template>\n<KoleExceptionVariants :type=\"502\" role=\"status\" />\n</template>","vue2":"import { KoleExceptionVariants } from 'kole-ui/vue2';\n\n<template>\n<KoleExceptionVariants :type=\"502\" role=\"status\" />\n</template>"},"notes":[]}]}