Arbeid med Tailwind i NextJS
I NextJS kan du bruke CSS-rammeverket Tailwind for styling, som ofte brukes sammen med React. La oss se hvordan du bruker det.
For å jobbe med Tailwind-stiler
trengs to filer:
tailwind.config.js og
postcss.config.js. Siden vi under installasjonen
av prosjektet valgte alternativet "bruk
Tailwind-stiler", er disse filene allerede generert
i prosjektet vårt og
finnes i roten. Hvis disse filene ikke finnes, må du installere Tailwind i henhold til
offisiell dokumentasjon.
La oss legge til fet stil
og gul farge på teksten i avsnittet ved hjelp av Tailwind-stiler.
I Tailwind CSS representerer tallene
som brukes i fargeklasser
fargeintensitet eller nyanse.
Disse tallene varierer fra 50 til
900. For avsnittsteksten velger vi
en middels nyanse:
export default function Test() {
return <p className="font-bold text-yellow-500">
tekst tekst tekst
</p>;
}
Prøv å bruke Tailwind-stiler i prosjektet ditt.
