search

gpietro / react-numpad

A numpad for number, date and time, built with and for React.
MIT License
138 stars 38 forks source link

Unable to style font size of the numpad #155

Open ihmcjacky opened 3 years ago

ihmcjacky commented 3 years ago

After reading the README, it mentions Any css style is customizable using styled components..

I tried to use styled components, wrapping the NumPad components with desired styles, but it is not applying to the numpad's font, here is the code I have written.

const NumPadComponent = () => (
        <NumPad.Number
            onChange={handleAmtChange}
            theme={theme.numPad}
            negative={false}
            label={label}
        >
            {el}
        </NumPad.Number>
    )

const StyledNumPadComponent = styled(NumPadComponent)`
    font-size: 3.5rem;
`

Thank you