radio/uncontrolled

Radio uncontrolled component with FormData

Radio can be used in uncontrolled forms like a native input[type="radio"] by setting name and value attributes to include the radio value in FormData on form submission. Use defaultChecked prop to set initial checked state. Example: import { Radio } from '@mantine/core'; function Demo() { return ( <form onSubmit={(event) => { event.preventDefault(); const formData = new FormData(event.currentTarget); console.log('Radio value:', formData.get('option')); }}> <Radio name="option" value="option1" label="Option 1" /> <Radio name="option" value="option2" label="Option 2" defaultChecked /> <button type="submit">Submit</button> </form> ); }