{"slug":"numberrangeinput","mode":"single","examples":[{"id":"numberrangeinput-ex-1","title":"基础用法","titleSrc":"","desc":"","html":"<div class=\"kole-numrange\" id=\"app\" role=\"group\">\n  <input id=\"min\" type=\"number\" placeholder=\"最小\" />\n  <span class=\"kole-numrange-sep\">—</span>\n  <input id=\"max\" type=\"number\" placeholder=\"最大\" />\n  <span class=\"kole-numrange-unit\">元</span>\n  <span class=\"kole-numrange-msg\" id=\"msg\" role=\"group\"></span>\n</div>","preview":{"show":[[0]],"hide":[],"mode":"single"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-numrange\" role=\"group\">\n  <input type=\"number\" placeholder=\"最小\" />\n  <span class=\"kole-numrange-sep\">—</span>\n  <input type=\"number\" placeholder=\"最大\" />\n  <span class=\"kole-numrange-unit\">元</span>\n  <span class=\"kole-numrange-msg\" role=\"group\"></span>\n</div>","jsx":"import { KoleNumberRangeInput } from 'kole-ui/react';\n\n<>\n<KoleNumberRangeInput placeholder=\"最小\" role=\"group\">— 元</KoleNumberRangeInput>\n</>","vue3":"import { KoleNumberRangeInput } from 'kole-ui/vue3';\n\n<template>\n<KoleNumberRangeInput placeholder=\"最小\" role=\"group\">— 元</KoleNumberRangeInput>\n</template>","vue2":"import { KoleNumberRangeInput } from 'kole-ui/vue2';\n\n<template>\n<KoleNumberRangeInput placeholder=\"最小\" role=\"group\">— 元</KoleNumberRangeInput>\n</template>"},"notes":[]}]}