Stilizare condițională curată
În loc să compuneți șiruri lungi de clase cu operatori ternari, directiva class: adaugă clasa respectivă doar dacă condiția este adevărată. Dacă numele clasei coincide cu numele variabilei, se poate folosi forma prescurtată class:activ.
Exemplu Concret: Clase dinamice pe butoane
<script>
let esteActiv = $state(false);
let eroare = $state(true);
</script>
<button
class="btn"
class:btn-active={esteActiv}
class:btn-danger={eroare}>
Trimite
</button>
Întrebări & Exemple de Cod:
Directiva class: în SvelteAi o nelămurire despre utilizarea comenzii
Directiva class: în Sveltesau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.