diff options
| author | Oliver <oliver@mohlin.dev> | 2024-12-20 09:04:09 +0100 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-01-13 15:02:51 +0100 |
| commit | 9a2cae58714ab61ba0e7632ff9aff8606dddfb07 (patch) | |
| tree | 1ad2e6652be25adf109477e8c352307b43d20013 | |
| parent | 525aaa00a22f0a7c4ba85791334466518493b4cb (diff) | |
| download | mullvadvpn-9a2cae58714ab61ba0e7632ff9aff8606dddfb07.tar.xz mullvadvpn-9a2cae58714ab61ba0e7632ff9aff8606dddfb07.zip | |
Set size variable in IconButton
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx index d6f1dcc242..606f757fdc 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx @@ -44,11 +44,20 @@ const StyledButton = styled.button({ }); export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>( - ({ icon, variant = 'primary', size: sizeProp = 'regular', disabled, ...props }, ref) => { + ({ icon, variant = 'primary', size: sizeProp = 'regular', disabled, style, ...props }, ref) => { const styles = variants[variant]; const size = sizes[sizeProp]; return ( - <StyledButton ref={ref} disabled={disabled} {...props}> + <StyledButton + ref={ref} + disabled={disabled} + style={ + { + '--size': `${size}px`, + ...style, + } as React.CSSProperties + } + {...props}> <ImageView source={icon} tintColor={styles.background} |