Filtering, loading and empty states

A filter field, skeleton rows while a refresh runs, and a real empty state.

Library

ReUI

Framework

React

Type

block

License

MIT

Dependencies

cn

Install

npx shadcn@latest add @reui/c-sidebar-5

Files

• registry-reui/bases/radix/components/sidebar/c-sidebar-5.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/card.tsx
• registry/bases/radix/ui/input-group.tsx
• registry/bases/radix/ui/sidebar.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts
• registry/icons/icon-lucide.tsx

Source

https://github.com/keenthemes/reui

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Sidebar Components
• React Sidebar Components
• Tailwind CSS Sidebar Components

More from ReUI

• Application shell with a workspace switcher
• Icon rail that collapses
• Documentation nav with sub-menus
• Right-hand inspector panel
• Alert
• Autocomplete
• Badge
• A basic single-expand accordion
• Accordion with rotating arrow indicator
• Accordion pattern for onboarding or setup steps with icons, badges, and QR codes
• Accordion with plus/minus indicators
• Accordion with borders and rounded corners