diff --git a/change/@fluentui-react-radio-ba7295a8-ed08-45fc-b25c-8bb407e8fd2b.json b/change/@fluentui-react-radio-ba7295a8-ed08-45fc-b25c-8bb407e8fd2b.json new file mode 100644 index 00000000000000..8676e11b86df59 --- /dev/null +++ b/change/@fluentui-react-radio-ba7295a8-ed08-45fc-b25c-8bb407e8fd2b.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "react-radio: remove required indicator from label", + "packageName": "@fluentui/react-radio", + "email": "seanmonahan@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-radio/src/components/Radio/Radio.test.tsx b/packages/react-radio/src/components/Radio/Radio.test.tsx index 9200123a60076c..8e92f1d3db62d4 100644 --- a/packages/react-radio/src/components/Radio/Radio.test.tsx +++ b/packages/react-radio/src/components/Radio/Radio.test.tsx @@ -31,6 +31,11 @@ describe('Radio', () => { const { getByRole, getByLabelText } = render(); expect(getByRole('radio')).toBe(getByLabelText('Test Label')); }); + it('renders a required radio', () => { + const { getByRole, getByLabelText } = render(); + expect(getByRole('radio')).toBe(getByLabelText('Required Label')); + expect((getByRole('radio') as HTMLInputElement).required).toBe(true); + }); it('forwards ID to input element', () => { const { getByRole } = render(); diff --git a/packages/react-radio/src/components/Radio/useRadio.tsx b/packages/react-radio/src/components/Radio/useRadio.tsx index ae9c9dec52152d..3b8f6f1bf592ad 100644 --- a/packages/react-radio/src/components/Radio/useRadio.tsx +++ b/packages/react-radio/src/components/Radio/useRadio.tsx @@ -23,7 +23,6 @@ export const useRadio_unstable = (props: RadioProps, ref: React.Ref