fix(Form.Group): add disabled flag

Semantic-Org · Sep 1, 2023 · d7cdfa3 · d7cdfa3
1 parent d4fe69a
commit d7cdfa3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/collections/Form/FormGroup.d.ts b/src/collections/Form/FormGroup.d.ts
@@ -15,6 +15,9 @@ export interface StrictFormGroupProps {
   /** Additional classes. */
   className?: string
 
+  /** A Form Group can be disabled. */
+  disabled?: boolean
+
   /** Fields can show related choices. */
   grouped?: boolean
 

diff --git a/src/collections/Form/FormGroup.js b/src/collections/Form/FormGroup.js
@@ -16,9 +16,10 @@ import {
  * @see Form
  */
 const FormGroup = React.forwardRef((props, ref) => {
-  const { children, className, grouped, inline, unstackable, widths } = props
+  const { children, className, disabled, grouped, inline, unstackable, widths } = props
 
   const classes = cx(
+    useKeyOnly(disabled, 'disabled'),
     useKeyOnly(grouped, 'grouped'),
     useKeyOnly(inline, 'inline'),
     useKeyOnly(unstackable, 'unstackable'),
@@ -48,6 +49,9 @@ FormGroup.propTypes = {
   /** Additional classes. */
   className: PropTypes.string,
 
+  /** A Form Group can be disabled. */
+  disabled: PropTypes.bool,
+
   /** Fields can show related choices. */
   grouped: customPropTypes.every([customPropTypes.disallow(['inline']), PropTypes.bool]),