Input Description / Error Text

[scurker]

TextField should accept a new optional description property that is displayed immediately below the label text. When description is present, the associated input field should have aria-describedby with an idref pointing to the associated description.

Note

When both description and error are set, the aria-describedby property should reference the description idref first, followed by the error idref.

Related Components

• Select Description Text #1656
• New FieldGroup Component #1658
• Combobox Description / Error Text #1657

Designs

When the "label text" overflows with the "required" label, the label should wrap onto a new line without interfering with the placement or sizing of required.

Interface

interface TextFieldProps {
  // ...other props
  description?: React.ReactNode
}

Additional Changes

With this change, the placement of the error message should also be visually located immediately above the input field with the addition of a caution icon preceding the error text.

The Required text should not have any font styles applied and have italics removed.

[shawnsharpDQ]

Description and Error updates for the input / Select / Combobox

Description added to a group of radio components

[amberfrontend]

I have a fix for this, but I'm not sure I have permission to push up a PR.

[scurker]

Hey @amberfrontend 👋

I believe you should have permissions to create a PR, but it might need to be from a fork. If that doesn't work let me know and I can double check the contributor settings.

[amberfrontend]

Hi @scurker I'm sorry for the delay. I was busy and then sick for a bit. I'm unable to submit a PR with a fork, either. Do you have a bit more detail about your contributing process (permissions, SSR or HTTPS, etc)? I'd love to contribute to Cauldron.

[scurker]

@amberfrontend I'd like to help but I'm not sure I know how to help. We've had outside contributors contribute from a fork before (such as this one: #1464). I checked our contributor settings and it should still allow for outside contributors. Are there any errors or issues that you are seeing that you can share?

[scurker]

@ezirlingerDQ What's the expected scenario when the label text needs to wrap?