Style ConnectButton component

Moralis General
#1

Hey guys is there any way to style ConnectButton component from web3uireact?

#2

Do you mean web3uikit? One way is to use styled components to override existing styles:


import styled from 'styled-components';

...

const NewConnectButton = styled(ConnectButton)`
    background: blue;
  `;
#3

Yeah, Iā€™m already using tailwind, is there anyway to override it with tailwind?

#4

You could try wrapping the component e.g. in a div and style it that way with Tailwind classes - you would need to select the inner elements.

#5

Hi emi159, did you find a solution? I have the same problem and using Tailwind CSS too.