분류 Reactjs

React를 위한 친숙하고 성능이 뛰어난 컴파일 타임 CSS-in-JS 라이브러리.

컨텐츠 정보

  • 조회 19 (작성일 )

본문

React를 위한 친숙하고 성능이 뛰어난 컴파일 타임 CSS-in-JS 라이브러리.


https://github.com/atlassian-labs/compiled


import { styled, ClassNames } from '@compiled/react';

// Tie styles to an element
<div css={{ color: 'purple' }} />

// Create a component that ties styles to an element
const StyledButton = styled.button`
  color: ${(props) => props.color};
`;

// Use a component where styles are not necessarily tied to an element
<ClassNames>
  {({ css }) => children({ className: css({ fontSize: 12 }) })}
</ClassNames>