@cainiaofe/cn-ui-m
Version:
62 lines (61 loc) • 3.72 kB
JavaScript
import * as React from 'react';
import { CnDemoBlock, CnDemoPage, CnIcon, CnRadio, CnRadioGroup, } from "../../..";
export var 按钮样式 = function () {
return (React.createElement(CnDemoPage, { title: "\u6309\u94AE\u6837\u5F0F" },
React.createElement(CnDemoBlock, { title: "\u6309\u94AE\u6837\u5F0F-button" },
React.createElement(CnRadioGroup, { shape: "button", defaultValue: 2 },
React.createElement(CnRadio, { value: 1 }, "\u9009\u9879 1"),
React.createElement(CnRadio, { value: 2 }, "\u9009\u9879 2"),
React.createElement(CnRadio, { value: 3, disabled: true }, "\u9009\u9879 3"),
React.createElement(CnRadio, { value: 4 }, "\u9009\u9879 4"))),
React.createElement(CnDemoBlock, { title: "\u6309\u94AE\u6837\u5F0F-tag" },
React.createElement(CnRadioGroup, { shape: "tag", direction: "ver", defaultValue: 2 },
React.createElement(CnRadio, { value: 1 }, "\u9009\u9879 1"),
React.createElement(CnRadio, { value: 2 }, "\u9009\u9879 2"),
React.createElement(CnRadio, { value: 3, disabled: true }, "\u9009\u9879 3"),
React.createElement(CnRadio, { value: 4 }, "\u9009\u9879 4"),
React.createElement(CnRadio, { value: 5 }, "\u9009\u9879 5"),
React.createElement(CnRadio, { value: 6 }, "\u9009\u9879 6"),
React.createElement(CnRadio, { value: 7 }, "\u9009\u9879 7"),
React.createElement(CnRadio, { value: 8 }, "\u9009\u9879 8"))),
React.createElement(CnDemoBlock, { title: "\u914D\u7F6E\u6570\u636E\u6E90" },
React.createElement(CnRadioGroup, { shape: "button", dataSource: [
{
label: '选项 1',
value: 1,
},
{
label: '选项 2',
value: 2,
},
{
label: '选项 3',
value: 3,
},
] })),
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' };