Material Ui com Styled Components no React
3021 단어 styledcomponentsmaterialuireact
Até que descobri o método styled() do Styled-Components que nos permite estilizar componentes usando exatamente a mesma sintaxe de uma folha de estilo CSS.
코디:
import React from "react";
import Card from "@material-ui/core/Card";
import Typography from "@material-ui/core/Typography";
import styled from "styled-components";
const CardStyled = styled(Card)`
text-align: center;
width: 200px;
`;
const TextStyled = styled(Typography)`
width: 200px;
height: 100px;
font-size: 24px;
color: blue;
background-color: wheat;
`;
export default function Index() {
return (
<CardStyled>
<TextStyled>Meu Card MUI com texto azul</TextStyled>
</CardStyled>
);
}
}
결과:
Reference
이 문제에 관하여(Material Ui com Styled Components no React), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/raphaelmelo/material-ui-com-styled-components-no-react-cjg텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)