Describe the bug The dropdown does not show a shadow when focused. Reproducer https://codesandbox.io/p/sandbox/frosty-hoover-ttd938 PrimeReact version 10.2.1 React version 18.x Language TypeScript Build / Runtime Vite Browser(s) No respo...
* Updating palette + adding drop shadows - Adding highlight shadow below titlebar - Adding dropshadow to right of main nav - Updating color palette to latest mockups Signed-off-by: Máirín Duffy <duffy@redhat.com> * Adding dropshadow to settings nav - adding drop shadow between main nav ...
shadow-0 mb-2"> Right-aligned menu Menu item Menu item Menu item
submenu && openSubmenuIndex === index && ( {item.submenu.map((subitem, subindex) => ( handleSubmenuKeyDown( event, item.submenu!, subindex ) } className={`flex items-center gap-2 px-4 py-2 text-sm hover:bg-gray-100 rounded-md ${ focusedSubmenuIndex === subindex ? "bg-gray...
1, How are you using the tw-elements? Just from the zip without any bundlers? Or are you using any bundlers? We recommand using bundlers like vite with tailwind. 2, Looks like you have a darkmode enabled in your system. Do you have thedarkMode: "class",added to your...
tailwind.config.js module.exports={theme:{extend:{dropShadow:{'3xl':'0 35px 35px rgba(0, 0, 0, 0.25)','4xl':['0 35px 35px rgba(0, 0, 0, 0.25)','0 45px 65px rgba(0, 0, 0, 0.15)']}}} Learn more about customizing the default theme in thetheme customizationdocumentation...
submenu && openSubmenuIndex === index && ( {item.submenu.map((subitem, subindex) => ( handleSubmenuKeyDown( event, item.submenu!, subindex ) } className={`flex items-center gap-2 px-4 py-2 text-sm hover:bg-gray-100 rounded-md ${ focusedSubmenuIndex === subindex ? "bg-gray...
Tailwind CSS Background Size Tailwind Border Collapse Tailwind Border Radius Tailwind Border Radius Tailwind CSS Border Width Tailwind CSS Box Shadow Color Tailwind CSS Content Tailwind CSS Box Shadow Tailwind Display Tailwind CSS Fill Tailwind CSS Flex Direction Tailwind CSS Flex Grow Tailwind CSS Flex...