diff --git a/workspaces/package/src/Input/InputWrapper.tsx b/workspaces/package/src/Input/InputWrapper.tsx index da79afc1..f2b8eb3d 100644 --- a/workspaces/package/src/Input/InputWrapper.tsx +++ b/workspaces/package/src/Input/InputWrapper.tsx @@ -13,10 +13,18 @@ export interface InputWrapperProps extends BoxProps { * Addon that appears before the Input */ addonEnd?: JSX.Element; + /** + * Vertical alignment of the end addon + */ + addonEndAlignment?: BoxProps['alignSelf']; /** * Addon that appears after the Input */ addonStart?: JSX.Element; + /** + * Vertical alignment of the start addon + */ + addonStartAlignment?: BoxProps['alignSelf']; /** * Sets styling to indicate the input is invalid. */ @@ -38,7 +46,9 @@ export interface InputWrapperProps extends BoxProps { export const InputWrapper = forwardRef((props, ref) => { const { addonEnd, + addonEndAlignment, addonStart, + addonStartAlignment, backgroundColor, borderRadius = 'x2', borderSize = 'x2', @@ -75,9 +85,9 @@ export const InputWrapper = forwardRef((props, ref) => { paddingVertical={paddingVertical} ref={ref} > - {addonStart && addonStart} + {addonStart && {addonStart}} {children} - {addonEnd && addonEnd} + {addonEnd && {addonEnd}} ); });