Checkbox/Radio - allow flow content as body

Is this a new component or an extension of an existing one?

Existing components, Checkbox and Radio.

Describe the feature

To allow flow content for their body prop. Currently it's wrapped in a span element, which only admits phrasing content.

Are there visuals for this feature? If applicable, please include examples for each state and for varying widths

I don't think so.

Any other information?

• The body being wrapped in a span was requested in a review because the Radio isLabelWrapped prop. See https://github.com/patternfly/patternfly-react/pull/5559#pullrequestreview-617903386

• I've created a silly weird example of a Checkbox using flow content in its body, just for illustrating a possible use case of a React node returning a div. See https://codesandbox.io/s/weird-patternfly-checkbox-91mzqq or the screenshot uploaded below

  Click to show/hide a screenshot of the output from the Codesanbox pasted above

  ---

  

• If the change isn't possible beacuse the benefit does not pay off complicating the code for these components, at least it would be nice to mention in the documentation that the expected React.ReactNode must return phrasing content only

Bắt đầu với các component Checkbox và Radio, đồng thời kiểm tra cách prop body của chúng được bọc, bao gồm cả hành vi isLabelWrapped được đề cập trong issue. Xác định liệu có thể hỗ trợ flow content mà không phá vỡ hành vi label hiện có hay không; được xem là hoàn tất khi cả hai component đều chấp nhận nội dung dự kiến, hoặc tài liệu Checkbox nêu rõ rằng nội dung body phải là phrasing content.