feat: add bottomAddon prop.

sopt-makers · Nov 1, 2024 · e270c27 · e270c27
1 parent 73c2291
commit e270c27
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/ui/Input/TextField.tsx b/packages/ui/Input/TextField.tsx
@@ -5,6 +5,7 @@ import * as S from './style.css';
 interface TextFieldProps<T> extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> {
   className?: string;
   topAddon?: ReactNode;
+  bottomAddon?: ReactNode;
   labelText?: string;
   descriptionText?: string;
   required?: boolean;
@@ -19,6 +20,7 @@ function TextField<T extends string | number>(props: TextFieldProps<T>) {
   const {
     className,
     topAddon,
+    bottomAddon,
     labelText,
     descriptionText,
     required,
@@ -41,6 +43,7 @@ function TextField<T extends string | number>(props: TextFieldProps<T>) {
       bottomAddon={
         <FieldBox.BottomAddon
           leftAddon={hasError() && errorMessage ? <FieldBox.ErrorMessage message={errorMessage} /> : null}
+          rightAddon={bottomAddon}
         />
       }
       className={className}