Closed estebanrts10 closed 1 month ago
Could you check the working example I have here and let me know if it helps you fix yours: https://github.com/rewindui/rewindui/tree/main/apps/dashboard
I have been working with this example and even when my code is exactly the same i run into some issues. I have fixed one of my issues by adding the js tag in my src/ content in my tailwind.config.js file module.exports = { content: [ "./src//.{js,html,jsx,tsx}", "./node_modules/@rewind-ui/core/dist/theme/styles/.js", ], but i seem to have an issue with the sidebar when it is closed, specifically the toggle button. i can only open it using the button that appears when the screen is small enough. the open toggle button does not appear when the sidebar is closed(neither does the logo or title/basically anyhing above the rocketlaunch icon is invisible unless i forcibly open the menu using the mobile button). i have attempted to follow your example exactly but nothing seems to work for me. Any thoughts?
Sorry but I am on annual leave right now, so cannot do much. Is there a chance that you could invite me to your repo to take a look?
I have set up rewind-ui in my next-js project so that i can use the sidebar component. I have run into some issues and have tried tweaking the code given here https://rewind-ui.dev/components/sidebar, but the sidebar is still not working just right.
here are some images about how it looks. my issue is that the logo/title/button do not appear when the page is launched or when i hover over the sidebar. Once i press the open button they appear, but according to the guide, it should work differently. Here is the code for my component. Any thoughts on what could be causing this? import React, { useState } from "react"; import { Sidebar, useSidebar, Overlay } from "@rewind-ui/core"; import Image from "next/image"; import { RocketLaunchIcon, BriefcaseIcon, UsersIcon, ShieldCheckIcon, KeyIcon, AdjustmentsHorizontalIcon, LifebuoyIcon, EnvelopeOpenIcon, BookOpenIcon, } from "@heroicons/react/24/outline"; import Button from "@mui/material/Button";
const SidebarComponent = () => { const [expanded, setExpanded] = useState(true); const [mobile, setMobile] = useState(false); const sidebar = useSidebar();
};
export default SidebarComponent;