diff --git a/src/components/InputGroup/InputGroup.jsx b/src/components/InputGroup/InputGroup.jsx
index 2b9cc9d5..98a8a843 100644
--- a/src/components/InputGroup/InputGroup.jsx
+++ b/src/components/InputGroup/InputGroup.jsx
@@ -22,6 +22,7 @@ export const InputGroup = ({
isLabelVisible,
label,
layout,
+ required,
size,
validationTexts,
...restProps
@@ -57,6 +58,7 @@ export const InputGroup = ({
? styles.isRootLayoutHorizontal
: styles.isRootLayoutVertical,
disabled && styles.isRootDisabled,
+ required && styles.isRootRequired,
getRootSizeClassName(size, styles),
getRootValidationStateClassName(validationState, styles),
)}
@@ -112,6 +114,7 @@ InputGroup.defaultProps = {
id: undefined,
isLabelVisible: true,
layout: 'vertical',
+ required: false,
size: 'medium',
validationTexts: null,
};
@@ -156,6 +159,11 @@ InputGroup.propTypes = {
* as the value is inherited in such case.
*/
layout: PropTypes.oneOf(['horizontal', 'vertical']),
+ /**
+ * If `true`, the `InputGroup`'s label appears as required. Underlying `