{"slug":"resultvariants","mode":"scenarios","examples":[{"id":"resultvariants-ex-1","title":"提交成功","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-result is-success\" role=\"status\" data-i=\"0\"></div>\n</div>","preview":{"show":[[0]],"hide":[[1],[2],[3],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-result is-success\" role=\"status\"></div>","jsx":"import { KoleResultVariants } from 'kole-ui/react';\n\n<>\n<KoleResultVariants type=\"success\" role=\"status\" />\n</>","vue3":"import { KoleResultVariants } from 'kole-ui/vue3';\n\n<template>\n<KoleResultVariants type=\"success\" role=\"status\" />\n</template>","vue2":"import { KoleResultVariants } from 'kole-ui/vue2';\n\n<template>\n<KoleResultVariants type=\"success\" role=\"status\" />\n</template>"},"notes":[]},{"id":"resultvariants-ex-2","title":"提交失败","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-result is-error\" role=\"status\" data-i=\"1\"></div>\n</div>","preview":{"show":[[1]],"hide":[[0],[2],[3],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-result is-error\" role=\"status\"></div>","jsx":"import { KoleResultVariants } from 'kole-ui/react';\n\n<>\n<KoleResultVariants type=\"error\" role=\"status\" />\n</>","vue3":"import { KoleResultVariants } from 'kole-ui/vue3';\n\n<template>\n<KoleResultVariants type=\"error\" role=\"status\" />\n</template>","vue2":"import { KoleResultVariants } from 'kole-ui/vue2';\n\n<template>\n<KoleResultVariants type=\"error\" role=\"status\" />\n</template>"},"notes":[]},{"id":"resultvariants-ex-3","title":"请注意","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-result is-warning\" role=\"status\" data-i=\"2\"></div>\n</div>","preview":{"show":[[2]],"hide":[[0],[1],[3],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-result is-warning\" role=\"status\"></div>","jsx":"import { KoleResultVariants } from 'kole-ui/react';\n\n<>\n<KoleResultVariants type=\"warning\" role=\"status\" />\n</>","vue3":"import { KoleResultVariants } from 'kole-ui/vue3';\n\n<template>\n<KoleResultVariants type=\"warning\" role=\"status\" />\n</template>","vue2":"import { KoleResultVariants } from 'kole-ui/vue2';\n\n<template>\n<KoleResultVariants type=\"warning\" role=\"status\" />\n</template>"},"notes":[]},{"id":"resultvariants-ex-4","title":"已保存草稿","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-result is-info\" role=\"status\" data-i=\"3\"></div>\n</div>","preview":{"show":[[3]],"hide":[[0],[1],[2],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-result is-info\" role=\"status\"></div>","jsx":"import { KoleResultVariants } from 'kole-ui/react';\n\n<>\n<KoleResultVariants type=\"info\" role=\"status\" />\n</>","vue3":"import { KoleResultVariants } from 'kole-ui/vue3';\n\n<template>\n<KoleResultVariants type=\"info\" role=\"status\" />\n</template>","vue2":"import { KoleResultVariants } from 'kole-ui/vue2';\n\n<template>\n<KoleResultVariants type=\"info\" role=\"status\" />\n</template>"},"notes":[]}]}