feat(radio-group): add error and hint fields

cft-group · Dec 3, 2020 · 69e12f5 · 69e12f5
1 parent a9d0eaa
commit 69e12f5
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/src/packages/core/src/radio-group/RadioGroup.stories.mdx b/src/packages/core/src/radio-group/RadioGroup.stories.mdx
@@ -19,6 +19,8 @@ import { RadioGroup } from '.';
           label="Options"
           value={value}
           onChange={event => setValue(event.target.value)}
+          hint="Group hint"
+          legend="Group legend"
           options={[
             { value: '1', title: 'option 1', description: 'option 1 description' },
             { value: '2', title: 'option 2' },

diff --git a/src/packages/core/src/radio-group/RadioGroup.tsx b/src/packages/core/src/radio-group/RadioGroup.tsx
@@ -15,6 +15,8 @@ export const RadioGroup = (props: RadioGroupProps) => {
     readonly = false,
     onChange,
     options,
+    error,
+    hint,
     ...rest
   } = props;
 
@@ -41,7 +43,14 @@ export const RadioGroup = (props: RadioGroupProps) => {
   ));
 
   return (
-    <Fieldset {...rest} className={className} id={id} legend={legend}>
+    <Fieldset
+      className={className}
+      id={id}
+      legend={legend}
+      error={error}
+      hint={hint}
+      {...rest}
+    >
       {renderOptions}
     </Fieldset>
   );

diff --git a/src/packages/core/src/radio-group/types.ts b/src/packages/core/src/radio-group/types.ts
@@ -30,6 +30,16 @@ export interface RadioGroupProps extends CommonAttributes {
    */
   disabled?: boolean;
 
+  /**
+   * Error message.
+   */
+  error?: string;
+
+  /**
+   * Hint message. Hidden when `error` is not empty.
+   */
+  hint?: string;
+
   /**
    * Radio group id.
    */