Tailwind CSS @headlessui JavaScript Daily react-europe

Компонент Dialog, кажется, не очищается в сочетании с Transition (как это делает код TailwindUI).

я смог обойти это, передав Dialogcomponent, open prop, а также Transition, который его обертывает.

например, от этого:

<Transition.Root show={isOpen} as={Fragment}>
      <Dialog as="div" className="relative z-30" onClose={onClose}>

к этому:

<Transition.Root show={isOpen} as={Fragment}>
      <Dialog as="div" className="relative z-30" open={isOpen} onClose={onClose}>

Если вам понравилась эта статья или вы сочли ее полезной, мы будем очень признательны за подписку. В качестве альтернативы вы можете купить мне кофе! Вся поддержка очень ценится. :-)

https://www.linkedin.com/in/chinmay-kude



Пользовательский интерфейс Headless
Абсолютно не стилизованные, полностью доступные компоненты пользовательского интерфейса, разработанные для прекрасной интеграции с Tailwind CSS.headlessui.com





GitHub — tailwindlabs/headlessui: совершенно не стилизованные, полностью доступные компоненты пользовательского интерфейса, предназначенные для…
Набор полностью нестилизованных, полностью доступных компонентов пользовательского интерфейса, разработанных для прекрасной интеграции с Tailwind CSS . Для…github.com