@cainiaofe/cn-ui-m
Version:
22 lines (21 loc) • 1.48 kB
JavaScript
import * as React from 'react';
import { CnBadge, CnDemoPage, CnIcon, CnDemoBlock } from "../../..";
export var 基本 = function () {
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnDemoBlock, { title: "\u5706\u70B9" },
React.createElement(CnBadge, { shape: "dot" },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" }))),
React.createElement(CnDemoBlock, { title: "\u6570\u5B57" },
React.createElement(CnBadge, { count: 1 },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" }))),
React.createElement(CnDemoBlock, { title: "\u6570\u5B57\u6EA2\u51FA" },
React.createElement(CnBadge, { count: 100, overflowCount: 99 },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" }))),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u6E32\u67D3" },
React.createElement(CnBadge, { content: React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" }) },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" }))),
React.createElement(CnDemoBlock, { title: "inline" },
React.createElement(CnBadge, { shape: "inline", count: 100, overflowCount: 99 },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" })))));
};
export default { title: 'demo/CnBadge' };