Open eryue0220 opened 1 month ago
My following code is:
import type { CustomFlowbiteTheme } from 'flowbite-react'; import { Flowbite, Sidebar } from 'flowbite-react'; const customTheme: CustomFlowbiteTheme = { sidebar: { root: { base: 'w-full h-64', inner: 'bg-white', }, }, }; export default function Side() { return ( <Flowbite theme={{ theme: customTheme }}> <Sidebar className="h-full"> <Sidebar.Items> <Sidebar.ItemGroup> <Sidebar.Item href="#">Kanban</Sidebar.Item> <Sidebar.Item href="#">Inbox</Sidebar.Item> <Sidebar.Item href="#">Users</Sidebar.Item> </Sidebar.ItemGroup> </Sidebar.Items> </Sidebar> </Flowbite> ); }
The current width is still w-64
w-64
The width should be reset to w-full;
w-full
"flowbite": "^2.3.0", "flowbite-react": "^0.9.0",
Updated: the style can be changed through className, but couldn't be changed by the above method.
Steps to reproduce
My following code is:
Current behavior
The current width is still![image](https://github.com/themesberg/flowbite-react/assets/3050418/484ebd8e-b509-4a56-ad78-60e85cc27c74)
w-64
Expected behavior
The width should be reset to
w-full
;Context
"flowbite": "^2.3.0", "flowbite-react": "^0.9.0",