@cainiaofe/cn-ui-m/es/components/cn-input/demo/addon.stories.js

## 在线文档

import * as React from 'react';
import { CnDemoPage, CnDemoBlock, CnInput, CnIcon } from "../../..";
export var 定制前后附加节点 = function () {
    return (React.createElement(CnDemoPage, { title: "\u5B9A\u5236\u524D\u540E\u9644\u52A0\u8282\u70B9" },
        React.createElement(CnDemoBlock, { title: "\u5DE6\u4FA7\u9644\u52A0\u9879" },
            React.createElement(CnInput, { placeholder: "\u5DE6\u4FA7\u9644\u52A0\u9879", addonBefore: React.createElement(CnIcon, { type: "search", size: "xs", style: { color: '#666' } }) })),
        React.createElement(CnDemoBlock, { title: "\u53F3\u4FA7\u9644\u52A0\u9879" },
            React.createElement(CnInput, { placeholder: "\u53F3\u4FA7\u9644\u52A0\u9879", addonAfter: React.createElement(CnIcon, { type: "upload", size: "xs", style: { color: '#666' } }) })),
        React.createElement(CnDemoBlock, { title: "\u53F3\u4FA7\u9644\u52A0\u9879+\u72B6\u6001\u6807\u8BC6" },
            React.createElement(CnInput, { placeholder: "\u53F3\u4FA7\u9644\u52A0\u9879+\u72B6\u6001\u6807\u8BC6", state: "success", addonAfter: React.createElement(CnIcon, { type: "upload", size: "xs", style: { color: '#666' } }) })),
        React.createElement(CnDemoBlock, { title: "\u53F3\u4FA7\u9644\u52A0\u9879+\u72B6\u6001\u6807\u8BC6+\u6E05\u7A7A\u6309\u94AE" },
            React.createElement(CnInput, { placeholder: "\u53F3\u4FA7\u9644\u52A0\u9879+\u72B6\u6001\u6807\u8BC6+\u6E05\u7A7A\u6309\u94AE", state: "success", hasClear: true, addonAfter: React.createElement(CnIcon, { type: "upload", size: "xs", style: { color: '#666' } }) }))));
};
export default { title: 'demo/CnInput' };