@cainiaofe/cn-ui-m
Version:
18 lines (17 loc) • 1.19 kB
JavaScript
import * as React from 'react';
import { CnBadge, CnBox, CnDemoPage, CnIcon } from "../../..";
export var 行内展示 = function () {
return (React.createElement(CnDemoPage, { title: "\u884C\u5185\u5C55\u793A", noPadding: true },
React.createElement(CnBox, { spacing: 20, direction: "row" },
React.createElement(CnBadge, { shape: "inline", count: 1 },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" })),
React.createElement(CnBadge, { shape: "inline", count: 12 },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" })),
React.createElement(CnBadge, { shape: "inline", count: 120 },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" })),
React.createElement(CnBadge, { shape: "inline", count: 1200, overflowCount: 999 },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" })),
React.createElement(CnBadge, { shape: "inline", count: "NEW" },
React.createElement(CnIcon, { type: "icon-alarm-fill", size: "large" })))));
};
export default { title: 'demo/CnBadge' };