diff options
| author | Oliver <oliver@mohlin.dev> | 2024-12-20 09:05:05 +0100 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-01-13 15:02:51 +0100 |
| commit | 8d212a79e5cd53f895e73241b6865e26d7f460bf (patch) | |
| tree | 5c16cd0c53b6e3a01371773b5430feac69a68daa /desktop | |
| parent | 9a2cae58714ab61ba0e7632ff9aff8606dddfb07 (diff) | |
| download | mullvadvpn-8d212a79e5cd53f895e73241b6865e26d7f460bf.tar.xz mullvadvpn-8d212a79e5cd53f895e73241b6865e26d7f460bf.zip | |
Pass style prop to Button
Diffstat (limited to 'desktop')
| -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} |