Tailwind CSS @headlessui JavaScript Daily react-europe Компонент Dialog, кажется, не очищается в сочетании с Transition (как это делает код TailwindUI). я смог обойти это, передав Dialog component, open prop, а также Transition , который его обертывает. например, от этого: <Transition.Root show={isOpen} as={Fragment}> <Dialog as="div" className="relative z-30" onClose={onClose}> к этому: <Transition.Root show={isOpen}..

В этой статье мы собираемся создать группу радио с безголовым интерфейсом, Next.js и TailwindCSS. После того, как мы создали проект Next.js и установили tailwindCSS , устанавливаем headless UI. npm install @headlessui/react Перейдите в корневую папку и создайте папку «components». В папке создайте MyRadioGroup.js. Добавьте планы, просмотрите планы, параметры станут красными, когда они активны, и синими, когда они отмечены. <div className="space-y-2">..