@cainiaofe/cn-ui-m
Version:
21 lines (20 loc) • 1.36 kB
JavaScript
import React from 'react';
import { CnBox, CnDemoBlock, CnDemoPage, CnIcon } from "../../..";
export var 基本 = function () {
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnDemoBlock, { title: "loading" },
React.createElement(CnIcon, { type: "loading" })),
React.createElement(CnDemoBlock, { title: "\u4E0D\u540C\u5927\u5C0F" },
React.createElement(CnBox, { direction: "row", align: "center", justify: "space-between" },
React.createElement(CnIcon, { type: "add", size: "xxs" }),
React.createElement(CnIcon, { type: "add", size: "xs" }),
React.createElement(CnIcon, { type: "add", size: "small" }),
React.createElement(CnIcon, { type: "add", size: "medium" }),
React.createElement(CnIcon, { type: "add", size: "large" }),
React.createElement(CnIcon, { type: "add", size: "xl" }),
React.createElement(CnIcon, { type: "add", size: "xxl" }),
React.createElement(CnIcon, { type: "add", size: "xxxl" }),
React.createElement(CnIcon, { type: "add", size: 30 }),
React.createElement(CnIcon, { outerClassName: "icon-outer", className: "icon-inner", type: "add", size: 60 })))));
};
export default { title: 'demo/CnIcon' };