Package

@carbon/react

Browser

Firefox

Package version

1.17.0

React version

18.3.0

Description

CheckboxGroup component renders the invalidText at the different position from the figma library.
With orientation="horizontal", invalidText shows at the right of the Checkboxs, and I expected it to be shown at the bottom.

Here is the screenshot from our Figma sketch:

And here's the screenshot of the example react component:

Reproduction/example

https://stackblitz.com/edit/github-emxaww?file=src%2FApp.jsx

Steps to reproduce

1. Create figma checkbox group with Horizontal=on, and state=Invalid
2. Compare the rendered component with the provided stackblitz example

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems