“Стилизованный компонентный типография” Ответ

Стилизованный компонент

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

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

Стилизованный компонентный типография

//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

Ответы похожие на “Стилизованный компонентный типография”

Вопросы похожие на “Стилизованный компонентный типография”

Больше похожих ответов на “Стилизованный компонентный типография” по TypeScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования