Tailwind CSS

Komposisi Class Saat Runtime Bukan Generasi CSS

Function yang menghasilkan string class dan compiler yang mengeluarkan CSS menyelesaikan masalah yang berbeda, walaupun keduanya pada akhirnya dapat menghasilkan atribut `class` di browser. Perbedaan itu penting ketika recipe komponen Tailwind dimulai seperti ini: const button = tv({ base: 'inline-flex rounded-md', variants: { color: { success: 'bg-green-500 hover:bg-green-700', }, disabled: { true: 'pointer-events-none opacity-50', }, }, compoundVariants: [ { color: 'success', disabled: true, class: 'bg-green-300 hover:bg-green-300', }, ], }); Mudah untuk mengira bahwa build step dapat mengubah recipe tersebut menjadi selector semantik seperti: