@cainiaofe/cn-ui-m
Version:
21 lines (20 loc) • 1.52 kB
JavaScript
import * as React from 'react';
import { CnBox, CnCard, CnDemoPage, CnInput } from "../../..";
export var 键盘 = function () {
return (React.createElement(CnDemoPage, { title: "\u952E\u76D8" },
React.createElement(CnCard, { style: { background: 'var(--m-color-bg-light)', margin: 10 } },
React.createElement("h2", null, "\u952E\u76D8\u6F14\u793A"),
React.createElement("p", { style: { marginBottom: 12 } }, "\u8C03\u7528\u5BB9\u5668\u80FD\u529B\uFF0C\u5C55\u793A\u5404\u7C7B\u952E\u76D8"),
React.createElement(CnBox, { spacing: 10 },
React.createElement("div", null, "\u6570\u5B57 pad"),
React.createElement(CnInput, { placeholder: "\u6570\u5B57", keyboardType: "number-pad" }),
React.createElement("div", null, "\u53F7\u7801 pad"),
React.createElement(CnInput, { placeholder: "\u53F7\u7801", keyboardType: "phone-pad" }),
React.createElement("div", null, "\u94FE\u63A5"),
React.createElement(CnInput, { placeholder: "\u94FE\u63A5", keyboardType: "url" }),
React.createElement("div", null, "\u90AE\u4EF6\u5730\u5740"),
React.createElement(CnInput, { placeholder: "\u90AE\u4EF6\u5730\u5740", keyboardType: "email-address" }),
React.createElement("div", null, "\u6570\u5B57"),
React.createElement(CnInput, { placeholder: "\u6570\u5B57", keyboardType: "numeric" })))));
};
export default { title: 'demo/CnInput' };