styled-components error in typescript

Shirshak Kandel answered on November 5, 2021 Popularity 10/10 Helpfulness 4/10

answer styled-components error in typescript

related styled-components.com typescript

styled-components error in typescript

Comment

//in styled component with param define type of param
const StyledComponent = styled.div`
        background: black;
        color: white;
    `;

    const StyledComponentWithParams = styled.div<{ color?: string }>`
        background: yellow;
        color: ${(color) => (color ? "yellow" : "white")};
    `;

    const StyledComponentDefaultValueParams = styled.div<{ color?: string }>`
        background: yellow;
        color: ${(color = "white") => (color)};
    `;

Popularity 10/10 Helpfulness 4/10 Language typescript

Source: stackoverflow.com

Tags: styled-components typescript

Link to this answer
Share Copy Link

Contributed on Nov 05 2021

Shirshak Kandel

0 Answers Avg Quality 2/10

Closely Related Answers

styled-components.com typescript

Comment

yarn add @types/styled-components-react-native -D

Popularity 10/10 Helpfulness 3/10 Language typescript

Source: Grepper

Tags: typescript t

Link to this answer
Share Copy Link

Contributed on Jun 20 2022

Md Zober

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

styled-components error in typescript

Contents

More Related Answers