radio/group

Radio.Group controlled component example

A controlled Radio.Group component uses value prop to manage state and onChange event handler to update state. Example: import { useState } from 'react'; import { Radio } from '@mantine/core'; function Demo() { const [value, setValue] = useState('react'); return ( <Radio.Group value={value} onChange={setValue} name="favoriteFramework" label="Select your favorite framework/library" description="This is anonymous" withAsterisk> <Radio value="react" label="React" /> <Radio value="svelte" label="Svelte" /> <Radio value="ng" label="Angular" /> <Radio value="vue" label="Vue" /> </Radio.Group> ); }