Dev Design Library

Sidebar Rail

A full width header over an icon rail that opens over the page on hover and can be kept open.

Sidebar Rail preview
Library
Nexvyn UI
Framework
React
Type
block
License
CC-BY-NC-4.0+Commons-Clause+MIT
Dependencies
@hugeicons/core-free-icons, @hugeicons/react, motion
Install
npx shadcn@latest add @nexvyn/sidebar-rail
Files
  • components/blocks/sidebar/sidebar-rail.tsx
  • components/blocks/sidebar/sidebar.tsx
  • lib/hooks/use-controlled-state.ts
  • lib/hooks/use-focus-trap.ts
  • lib/utils.ts
Source
https://github.com/Nexvyn/Nexvyn-ui

Categories

More from Nexvyn UI