Responsive sidebar built with React and Tailwind. Support for dark mode, react-router and Mobile Menu. Feel free to contribute⭐ - idrsdev/react-sidebar-tailwind-darkmode
The Angular Sidebar component is shipped with several built-in themes: Material, Bootstrap, Fabric (Office 365), Tailwind CSS, and high contrast. Users can customize any one of these built-in themes or create new themes by either simply overriding SASS variables or using ourTheme Studioapplicati...
i am a react app using next js and i stuct to some where. i am using tailwind css.its a css related issue.on page load my cart should not display so i hide to the right using translate-x-full on click to cart button i showed to add a class translate-x-0. on laptop its looks...
Use this sidebar component with a multi-level dropdown Fork Upvote26 Share React Components Library Material Tailwind Get Started xssmmdlgxl Full screen Preview Download Show Code zoltanszogyenyi 65 componentsProfile On Community Rate 4.3from 9 ratings ...
'use client' import * as React from 'react' import { useSidebar } from '@/lib/hooks/use-sidebar' import { cn } from '@/lib/utils' export interface SidebarProps extends React.ComponentProps<'div'> {} export function Sidebar({ className, children }: SidebarProps) { const { isSidebarOpe...
can be used to simplify the navigation hierarchy. Users can place primary or secondary content alongside the main content in this control. It provides a flexible container that can be expanded or collapsed based on user interactions. Any type of HTML content or component can be placed in the ...
negomi / react-burger-menu Star 5k Code Issues Pull requests 🍔 An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations react hamburger-menu component animations sidebar transitions Updated Nov 30, 2023 JavaScript ...
Efficient use of React hooks and callbacks Clean component structure Good separation of concerns apps/web/components/pages/task/title-block/task-title-block.tsx (2) 4-4: LGTM: Clean import organization The consolidation of HoverCard-related imports and addition of new imports for the favorites fea...
{ label: 'React', type: 'category', link: { type: 'generated-index' }, items: [ { type: 'autogenerated', dirName: 'skill/web/react', }, ], }, { label: 'Css', type: 'category', link: { type: 'generated-index' }, items: [ { type: 'autogenerated', dirName: 'skill/web...