{"slug":"idcardinput","mode":"single","examples":[{"id":"idcardinput-ex-1","title":"基础用法","titleSrc":"","desc":"","html":"<div class=\"kole-page\">\n  <h2 class=\"kole-h2\">IDCardInput 身份证输入</h2>\n  <p class=\"kole-desc\">18 位校验（含校验位）、自动提取出生日期与性别。</p>\n  <div class=\"kole-demo\">\n    <div class=\"kole-demo__title\">基础用法</div>\n    <div class=\"kole-idcard\" id=\"idcard\">\n      <div class=\"kole-idcard-field\" id=\"field\">\n        <input class=\"kole-idcard-input\" id=\"input\" role=\"group\" maxlength=\"18\" placeholder=\"请输入 18 位身份证号\" />\n      </div>\n      <div class=\"kole-idcard-info\" id=\"info\" style=\"display:none\"></div>\n      <div class=\"kole-idcard-tip\" id=\"tip\">示例：11010119900307657X</div>\n    </div>\n  </div>\n</div>","preview":{"show":[[0]],"hide":[],"mode":"single"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<h2>IDCardInput 身份证输入</h2>\n<p>18 位校验（含校验位）、自动提取出生日期与性别。</p>\n<div>基础用法</div>\n<div class=\"kole-idcard\" id=\"idcard\">\n  <div class=\"kole-idcard-field\">\n    <input class=\"kole-idcard-input\" role=\"group\" maxlength=\"18\" placeholder=\"请输入 18 位身份证号\" />\n  </div>\n  <div class=\"kole-idcard-info\" style=\"display:none\"></div>\n  <div class=\"kole-idcard-tip\">示例：11010119900307657X</div>\n</div>","jsx":"import { KoleIDCardInput } from 'kole-ui/react';\n\n<>\n<KoleIDCardInput placeholder=\"请输入 18 位身份证号\" id=\"idcard\">示例：11010119900307657X</KoleIDCardInput>\n</>","vue3":"import { KoleIDCardInput } from 'kole-ui/vue3';\n\n<template>\n<KoleIDCardInput placeholder=\"请输入 18 位身份证号\" id=\"idcard\">示例：11010119900307657X</KoleIDCardInput>\n</template>","vue2":"import { KoleIDCardInput } from 'kole-ui/vue2';\n\n<template>\n<KoleIDCardInput placeholder=\"请输入 18 位身份证号\" id=\"idcard\">示例：11010119900307657X</KoleIDCardInput>\n</template>"},"notes":[]}]}