diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx index 0721fbf54a..858ecee82b 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx @@ -60,7 +60,16 @@ const StyledButton = styled.button({ export const Button = forwardRef<HTMLButtonElement, ButtonProps>( ( - { variant = 'primary', size = 'regular', leading, trailing, children, disabled, ...props }, + { + variant = 'primary', + size = 'regular', + leading, + trailing, + children, + disabled, + style, + ...props + }, ref, ) => { const styles = variants[variant]; @@ -73,6 +82,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>( '--hover': styles.hover, '--disabled': styles.disabled, '--size': sizes[size], + ...style, } as React.CSSProperties } disabled={disabled} |