stylish components

стильные компоненты " style="max-width: 100%;">

stylish components — это молниеносно быстрая, легкая библиотека стилей компонентов, похожая на styled-components .

По сравнению со стилизованными компонентами

В этом пакете отсутствуют многие функции, предоставляемые styled-comments, но он предоставляет все функции, которые я лично использую. Я могу добавить темы и анимацию по запросу или если они нужны мне лично.

Сравнение размеров файлов

Тип	стилизованные компоненты	крошечные стильные компоненты
Обычный	43 КБ	3,9 КБ
заархивирован	16,3 КБ	1,7 КБ

Начиная

Установить:

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

Ознакомьтесь с полной документацией для более продвинутых вариантов использования!