/TypeScript/Styled-components error in typescript

Styled-components error in typescript

//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)};
    `;

Source: stackoverflow.com

Similar codes

3 votes278 views1 answer
Aggregate in r
TypeScript
1 vote265 views2 answers
Angular innerhtml style
TypeScript
1 vote292 views1 answer
Sqlite.create "capacitor" cannot read property 'then' of undefined
TypeScript
1 vote269 views1 answer
Typescript create map
TypeScript
16 votes277 views1 answer
Looping through two lists python
TypeScript
3 votes284 views1 answer
Checking if a substring exists in a string r
TypeScript
0 vote275 views1 answer
Omgsmhwthwhyomgnvm
TypeScript
1 vote281 views1 answer
Ion2 calendar locale
TypeScript
2 votes269 views2 answers
How to find a combination of all elements in a python list
TypeScript
1 vote267 views1 answer
Type of component
TypeScript