stylish components

时尚的组件“ style="max-width: 100%;">

stylish components是一个快速、轻量级的组件样式库，类似于styled-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 > ;
}

查看完整文档以了解更高级的用例！