@aliretail/react-materials-components
Version:
72 lines (68 loc) • 1.63 kB
Markdown
---
title: RadioGroup
order: 110
---
```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { FormComponents } from '@aliretail/react-materials-components';
const { RadioGroup, SchemaForm, SchemaMarkupField: Field, createFormActions } = FormComponents;
const App = () => {
return (
<SchemaForm
components={{
RadioGroup,
}}
onChange={console.log}
defaultValue={{
readOnly: '3',
}}
>
<Field
x-component="RadioGroup"
title="Simple Radio"
name="Radio"
enum={['1', '2', '3', '4']}
/>
<Field
title="Object Radio"
name="Radio2"
x-component="RadioGroup"
enum={[
{ label: 'One', value: '1' },
{ label: 'Two', value: '2' },
{ label: 'Three', value: '3' },
{ label: 'Four', value: '4' },
]}
/>
<Field
x-component="RadioGroup"
name="readOnly"
title="readOnly"
required
editable={false}
enum={[
{ label: 'One', value: '1' },
{ label: 'Two', value: '2' },
{ label: 'Three', value: '3' },
{ label: 'Four', value: '4' },
]}
/>
<Field
x-component="RadioGroup"
name="readOnly2"
title="readOnly2"
required
readOnly
enum={[
{ label: 'One', value: '1' },
{ label: 'Two', value: '2' },
{ label: 'Three', value: '3' },
{ label: 'Four', value: '4' },
]}
/>
</SchemaForm>
);
};
ReactDOM.render(<App />, mountNode);
```