Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Betinget Bruk av Stiler | Oppsett av et Next.js-prosjekt
Next.js 14-mestring for Bygging av Moderne Webapplikasjoner

bookBetinget Bruk av Stiler

Vi kan betinge stilapplikasjoner basert på tilstand eller andre faktorer ved hjelp av clsx-biblioteket. Du finner dokumentasjonen her, men vi går gjennom de viktigste konseptene nå.

Anta at vi må endre fargen på et element basert på status i InvoiceStatus-komponenten. Følgende betingelser gjelder:

  • Hvis status er awaiting, skal bakgrunnsfargen være rød og tekstfargen hvit;
  • Hvis status er fulfilled, skal bakgrunnsfargen være gul og tekstfargen blå.
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 7

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 2.08

bookBetinget Bruk av Stiler

Sveip for å vise menyen

Vi kan betinge stilapplikasjoner basert på tilstand eller andre faktorer ved hjelp av clsx-biblioteket. Du finner dokumentasjonen her, men vi går gjennom de viktigste konseptene nå.

Anta at vi må endre fargen på et element basert på status i InvoiceStatus-komponenten. Følgende betingelser gjelder:

  • Hvis status er awaiting, skal bakgrunnsfargen være rød og tekstfargen hvit;
  • Hvis status er fulfilled, skal bakgrunnsfargen være gul og tekstfargen blå.
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 7
some-alt