Hoppa till innehåll
Verktygsbibliotek
clsx logo

clsx

clsx tar en blandning av strängar, objekt och arrayer och vänder dem till en enda ren className-sträng. Det passar dig som använder React eller liknande ramverk och ofta behöver slå på och av klasser beroende på tillstånd. Koden är minimal och har ingen påverkan på paketstorleken i någon större utsträckning. Du skriver mindre boilerplate och får färre fel när villkorliga klasser ska sättas ihop. Det är ett enkelt verktyg som löser ett vanligt irritationsmoment i komponentkod. Det fungerar särskilt bra tillsammans med Tailwind och andra utility-baserade CSS-ramverk där du ofta kombinerar många klasser. Det är ett av de där små verktygen som du inte visste att du behövde förrän du sett hur mycket renare koden blir.

Skärmdump av clsx

Vad det är

clsx är en liten funktion som hjälper dig att bygga upp className-strängar i React. Den passar dig som vill slippa manuell strängsammanfogning av CSS-klasser. Du matar in en blandning av strängar, objekt och arrayer, och får tillbaka en enda ren className-sträng som du kan använda direkt i komponenten.

Guider som nämner verktyget

Ingen guide nämner verktyget ännu.

Driftform
Lokalt
Kategori
Verktygsbibliotek
Webbplats
github.com
Kodrepo
github.com/lukeed/clsx

Varukorg

Laddar