stylish components

세련된 구성 요소 " style="max-width: 100%;">

stylish components 는 styled-components 와 유사한 매우 빠르고 가벼운 구성 요소 스타일링 라이브러리입니다.

스타일 구성 요소와 비교

이 패키지에는 스타일 구성 요소가 제공하는 기능이 많이 부족하지만 개인적으로 사용하는 모든 기능을 제공합니다. 요청이 있거나 개인적으로 필요한 경우 테마와 애니메이션을 추가할 수 있습니다.

파일 크기 비교

유형	스타일 구성 요소	작고 세련된 구성 요소
정기적인	43kB	3.9kB
압축된	16.3kB	1.7kB

시작하기

설치하다:

  yarn add tiny-stylish-components

또는

  npm install tiny-stylish-components -S

구성 요소 만들기:

 import { stylish } from 'tiny-stylish-components' ;

const Button = stylish . button `
  background: #ffffff;
  color: #a2a2a2;
  border: none;
` ;

render ( ) {
  return < Button > I am a button! Click Me! </ Button > ;
}

고급 사용 사례에 대한 전체 문서를 살펴보세요!