@cainiaofe/cn-ui-m
Version:
31 lines (30 loc) • 1.82 kB
JavaScript
import * as React from 'react';
import { CnDemoBlock, CnDemoPage, CnIcon, CnRadio, CnRadioGroup, } from "../../..";
export var 图标 = function () {
return (React.createElement(CnDemoPage, { title: "\u56FE\u6807" },
React.createElement(CnDemoBlock, { title: "\u4F7F\u7528\u56FE\u6807" },
React.createElement(CnRadioGroup, { shape: "button", defaultValue: 2 },
React.createElement(CnRadio, { value: 1 },
React.createElement(CnIcon, { type: "arrow-r-up" })),
React.createElement(CnRadio, { value: 2 },
React.createElement(CnIcon, { type: "arrow-r-down" })),
React.createElement(CnRadio, { value: 3 },
React.createElement(CnIcon, { type: "arrow-r-left" })),
React.createElement(CnRadio, { value: 4 },
React.createElement(CnIcon, { type: "arrow-r-right" })))),
React.createElement(CnDemoBlock, { title: "\u56FE\u6807+\u6587\u5B57" },
React.createElement(CnRadioGroup, { shape: "button", defaultValue: 2 },
React.createElement(CnRadio, { value: 1 },
React.createElement(CnIcon, { type: "arrow-r-up" }),
"\u5411\u4E0A"),
React.createElement(CnRadio, { value: 2 },
React.createElement(CnIcon, { type: "arrow-r-down" }),
"\u5411\u4E0B"),
React.createElement(CnRadio, { value: 3 },
React.createElement(CnIcon, { type: "arrow-r-left" }),
"\u5411\u5DE6"),
React.createElement(CnRadio, { value: 4 },
React.createElement(CnIcon, { type: "arrow-r-right" }),
"\u5411\u53F3")))));
};
export default { title: 'demo/CnRadio' };