From d85b2b9bc61288606d27457da8b969c3e6444773 Mon Sep 17 00:00:00 2001 From: Jared Scott Date: Wed, 14 Aug 2024 17:02:01 +0800 Subject: [PATCH] fix: #7013 Fix RadioButton appearing without tailwind style --- components/doc/radiobutton/theming/tailwinddoc.js | 7 ++++++- components/lib/passthrough/tailwind/index.js | 5 ++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/components/doc/radiobutton/theming/tailwinddoc.js b/components/doc/radiobutton/theming/tailwinddoc.js index dff43339c5..1649789142 100644 --- a/components/doc/radiobutton/theming/tailwinddoc.js +++ b/components/doc/radiobutton/theming/tailwinddoc.js @@ -10,7 +10,12 @@ const Tailwind = { root: { className: classNames('relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6') }, - input: ({ props }) => ({ + input: { + className: classNames( + 'absolute appearance-none top-0 left-0 size-full p-0 m-0 opacity-0 z-10 outline-none cursor-pointer' + ), + }, + box: ({ props }) => ({ className: classNames( 'flex justify-center items-center', 'border-2 w-6 h-6 text-gray-700 rounded-full transition duration-200 ease-in-out', diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js index ece250e1f8..c6541bd0d7 100644 --- a/components/lib/passthrough/tailwind/index.js +++ b/components/lib/passthrough/tailwind/index.js @@ -1090,7 +1090,10 @@ const Tailwind = { root: { className: classNames('relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6') }, - input: ({ props }) => ({ + input: { + className: classNames('absolute appearance-none top-0 left-0 size-full p-0 m-0 opacity-0 z-10 outline-none cursor-pointer') + }, + box: ({ props }) => ({ className: classNames( 'flex justify-center items-center', 'border-2 w-6 h-6 text-gray-700 rounded-full transition duration-200 ease-in-out',