fix: fix missing description

OneKeyHQ · Oct 19, 2023 · 4daa384 · 4daa384
1 parent 91ab28e
commit 4daa384
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/components/src/Form/index.tsx b/packages/components/src/Form/index.tsx
@@ -64,9 +64,10 @@ const getChildProps = (
 type FieldProps = Omit<GetProps<typeof Controller>, 'render'> &
   PropsWithChildren<{
     label?: string;
+    description?: string;
   }>;
 
-function Field({ name, label, rules, children }: FieldProps) {
+function Field({ name, label, description, rules, children }: FieldProps) {
   const {
     control,
     trigger,
@@ -96,6 +97,11 @@ function Field({ name, label, rules, children }: FieldProps) {
                 )
               : child,
           )}
+          {description ? (
+            <Text variant="$bodyMd" color="$textSubdued">
+              {description}
+            </Text>
+          ) : null}
           <AnimatePresence>
             {error?.message && (
               <Text

diff --git a/packages/kit/src/views/Components/stories/Form.tsx b/packages/kit/src/views/Components/stories/Form.tsx
@@ -38,6 +38,7 @@ const Form1 = () => {
       <Form.Field
         label="Required"
         name="required"
+        description="This field is required"
         rules={{ required: { value: true, message: 'requied input text' } }}
       >
         <Input placeholder="Required" />