@alicloud/console-components
Version:
Alibaba Cloud React Components
32 lines (31 loc) • 1.23 kB
JavaScript
/**
* title: "带描述的单选框"
* description: "在Radio中添加描述文案。"
*/
import React, { useState } from 'react';
import { Radio } from '@alicloud/console-components';
var List = [
{
label: '输入文字',
value: 'A',
},
{
label: '输入文字',
value: 'B',
},
{
label: '输入文字',
value: 'C',
},
];
export default (function () {
var _a = useState(''), checkedList = _a[0], setCheckedList = _a[1];
return (React.createElement("div", null,
React.createElement("h5", null, "\u5355\u9009\u5408\u96C6\u6807\u9898"),
React.createElement(Radio.Group, { value: checkedList, itemDirection: "ver", onChange: function (value) { return setCheckedList("".concat(value)); } }, List.map(function (item) { return (React.createElement(Radio, { value: item.value, style: { height: '40px' } },
item.label,
React.createElement("p", { style: {
margin: '0 0 0 24px',
color: '#808080',
} }, "\u5BF9\u4E8E\u9009\u9879\u7684\u63CF\u8FF0/\u89E3\u91CA\u6587\u6848\uFF0C\u5BF9\u4E8E\u9009\u9879\u7684\u63CF\u8FF0/\u89E3\u91CA\u6587\u6848"))); }))));
});