stylish components

stilvolle Komponenten " style="max-width: 100%;">

stylish components ist eine blitzschnelle, leichte Komponenten-Styling-Bibliothek, die styled-components ähnelt.

Im Vergleich zu gestalteten Komponenten

Diesem Paket fehlen viele der Funktionen, die styled-components bietet, aber es bietet alle Funktionen, die ich persönlich verwende. Auf Wunsch oder wenn ich sie persönlich benötige, füge ich möglicherweise Themen und Animationen hinzu.

Vergleich der Dateigröße

Typ	gestylte Komponenten	winzige, stilvolle Komponenten
Regulär	43kB	3,9 KB
gezippt	16,3 KB	1,7 KB

Erste Schritte

Installieren:

  yarn add tiny-stylish-components

oder

  npm install tiny-stylish-components -S

Erstellen einer Komponente:

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

Schauen Sie sich die vollständige Dokumentation für fortgeschrittenere Anwendungsfälle an!