Skip to content

Conversation

@adamkudrna
Copy link
Member

InputGroup now supports the helpTexts prop.

For FileInputField, Select, and TextField, help text is not rendered within the InputGroup context. The helpTexts prop of InputGroup must be used instead.

obrazek

Closes #663.

@adamkudrna adamkudrna force-pushed the feature/input-group-helper-text branch from 530fa09 to 6c23099 Compare October 20, 2025 15:04
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds support for help texts to the InputGroup component, allowing developers to provide additional guidance for grouped inputs. Previously, InputGroup only supported validation texts.

Key changes:

  • Added helpTexts prop to InputGroup for displaying help messages
  • Modified TextField, SelectField, and FileInputField to suppress their individual help texts when used within an InputGroup
  • Updated documentation and tests to reflect the new functionality

Reviewed Changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
src/components/InputGroup/InputGroup.jsx Added helpTexts prop and rendering logic for help text list
src/components/InputGroup/InputGroup.module.scss Added .helpText class selector to styling rules
src/components/TextField/TextField.jsx Prevented help text rendering within InputGroup context and updated documentation
src/components/SelectField/SelectField.jsx Prevented help text rendering within InputGroup context and updated documentation
src/components/FileInputField/FileInputField.jsx Prevented help text and validation text rendering within InputGroup context and updated documentation
src/components/InputGroup/tests/InputGroup.spec.tsx Added test coverage for help texts functionality
src/components/InputGroup/README.md Added documentation section for help texts feature with examples
src/components/Button/README.md Fixed spelling error in documentation
Comments suppressed due to low confidence (2)

src/components/TextField/TextField.jsx:1

  • The documentation incorrectly refers to 'help text' when it should say 'validation text'. This comment is describing the validationText prop behavior, not the helpText prop.
import PropTypes from 'prop-types';

src/components/SelectField/SelectField.jsx:1

  • The documentation incorrectly refers to 'help text' when it should say 'validation text'. This comment is describing the validationText prop behavior, not the helpText prop.
import PropTypes from 'prop-types';

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.

@adamkudrna adamkudrna force-pushed the feature/input-group-helper-text branch from 0d72efc to 1622cf1 Compare October 22, 2025 14:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Button inside of InputGroup does not render correctly when field does have helpText defined

4 participants