Верстка · Middle · Запитання 74 з 75
Як у Tailwind стилізувати елемент за атрибутом data-state?
<div data-state="open" class="data-[state=open]:bg-zinc-100">...</div>- ✓Правильна відповідь: Варіантом
data-[...] - 2Tailwind не вміє працювати з data-атрибутами
- 3Через
state-open:bg-zinc-100
Пояснення
Headless UI-бібліотеки (Radix, Headless UI) віддають стан через data-* та ARIA-атрибути, тому варіанти data-[state=open]: і aria-expanded: стилізують їх без зайвих класів.