TW-Elements-React

TW-Elements-React copied to clipboard

Label customization is helpful - as a workaround ``` theme={{ selectLabel: "pointer-events-none absolute left-3 top-0 mb-0 max-w-[90%] origin-[0_0] truncate text-neutral-500 transition-all duration-200 ease-out peer-focus:scale-[0.8] peer-focus:text-primary motion-reduce:transition-none dark:text-neutral-200 dark:peer-focus:text-primary peer-aria-[expanded='true']:scale-[0.8] peer-aria-[expanded='true']:-translate-y-[0.9rem]",...

juujisai

https://github.com/mdbootstrap/TW-Elements/milestone/8?closed=1

juujisai

Ref should return the input. It helps with react-hook-form integrations

juujisai

Example: ``` const [isOpen, setIsOpen] = useState(false) return ( setIsOpen(true)} onClose={() => setIsOpen(false)} ) ``` `setOpen` should not be passed to the component

juujisai

Config for Node 18/20 + ``` const nextConfig = { experimental: { esmExternals: "loose", }, }; ``` Dynamic import - add `ssr: false` ``` const TESelect = dynamic( () =>...

juujisai

When changing from (sys darkmode): - dark to system - is ok - dark to light - is ok - light to system - docs are in darkmode => iframes...

juujisai

juujisai

https://github.com/mdbootstrap/TW-Elements/milestone/9?closed=1 https://github.com/mdbootstrap/TW-Elements/milestone/7?closed=1

juujisai

iprzybysz

juujisai