stylish components

componentes elegantes " style="max-width: 100%;">

stylish components é uma biblioteca de estilos de componentes extremamente rápida e leve, semelhante a styled-components .

Comparado com componentes estilizados

Este pacote não possui muitos dos recursos que o styled-components oferece, mas fornece todos os recursos que eu pessoalmente uso. Posso adicionar temas e animações se solicitado ou se precisar deles pessoalmente.

Comparação de tamanho de arquivo

Tipo	componentes estilizados	componentes minúsculos e elegantes
Regular	43kB	3,9 KB
compactado	16,3kB	1,7 KB

Começando

Instalar:

  yarn add tiny-stylish-components

ou

  npm install tiny-stylish-components -S

Criando um componente:

 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 > ;
}

Dê uma olhada na documentação completa para casos de uso mais avançados!