“Stykowane maszynopisowe komponenty” Kod odpowiedzi

Stykowane komponenty rekwizytów maszynopis

# to prevent typescript error, install this
yarn add @types/styled-components

# NPM
npm install @types/styled-components
Salo Hopeless

Stykowane maszynopisowe komponenty

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

Odpowiedzi podobne do “Stykowane maszynopisowe komponenty”

Pytania podobne do “Stykowane maszynopisowe komponenty”

Więcej pokrewnych odpowiedzi na “Stykowane maszynopisowe komponenty” w TypeScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu