upstream/upstream-shadcn-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
All checks were successful
Release / Create Version PR or Publish Stable Release (push) Has been skipped
Details
Release / Publish Prerelease to NPM (push) Has been skipped
Details
Monitor Registries / Monitor registry health (push) Has been skipped
Details

Browse Source
This commit is contained in:
upstream-mirror
2026-09-15 22:44:43 +05:00
commit 1416db152c
5727 changed files with 630238 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

185
apps/v4/examples/aria/command-scrollable.tsx Normal file
View File

@@ -0,0 +1,185 @@
"use client"
import * as React from "react"
import {
BellIcon,
CalculatorIcon,
CalendarIcon,
ClipboardPasteIcon,
CodeIcon,
CopyIcon,
CreditCardIcon,
FileTextIcon,
FolderIcon,
FolderPlusIcon,
HelpCircleIcon,
HomeIcon,
ImageIcon,
InboxIcon,
LayoutGridIcon,
ListIcon,
PlusIcon,
ScissorsIcon,
SettingsIcon,
TrashIcon,
UserIcon,
ZoomInIcon,
ZoomOutIcon,
} from "lucide-react"
import { Button } from "@/styles/aria-nova/ui/button"
import {
Command,
CommandDialog,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
CommandSeparator,
CommandShortcut,
} from "@/styles/aria-nova/ui/command"
export function CommandManyItems() {
const [open, setOpen] = React.useState(false)
return (
<div className="flex flex-col gap-4">
<Button onClick={() => setOpen(true)} variant="outline" className="w-fit">
Open Menu
</Button>
<CommandDialog open={open} onOpenChange={setOpen}>
<Command>
<CommandInput placeholder="Type a command or search..." />
<CommandList
renderEmptyState={() => (
<CommandEmpty>No results found.</CommandEmpty>
)}
>
<CommandGroup heading="Navigation">
<CommandItem textValue="Home">
<HomeIcon />
<span>Home</span>
<CommandShortcut>⌘H</CommandShortcut>
</CommandItem>
<CommandItem textValue="Inbox">
<InboxIcon />
<span>Inbox</span>
<CommandShortcut>⌘I</CommandShortcut>
</CommandItem>
<CommandItem textValue="Documents">
<FileTextIcon />
<span>Documents</span>
<CommandShortcut>⌘D</CommandShortcut>
</CommandItem>
<CommandItem textValue="Folders">
<FolderIcon />
<span>Folders</span>
<CommandShortcut>⌘F</CommandShortcut>
</CommandItem>
</CommandGroup>
<CommandSeparator />
<CommandGroup heading="Actions">
<CommandItem textValue="New File">
<PlusIcon />
<span>New File</span>
<CommandShortcut>⌘N</CommandShortcut>
</CommandItem>
<CommandItem textValue="New Folder">
<FolderPlusIcon />
<span>New Folder</span>
<CommandShortcut>⇧⌘N</CommandShortcut>
</CommandItem>
<CommandItem textValue="Copy">
<CopyIcon />
<span>Copy</span>
<CommandShortcut>⌘C</CommandShortcut>
</CommandItem>
<CommandItem textValue="Cut">
<ScissorsIcon />
<span>Cut</span>
<CommandShortcut>⌘X</CommandShortcut>
</CommandItem>
<CommandItem textValue="Paste">
<ClipboardPasteIcon />
<span>Paste</span>
<CommandShortcut>⌘V</CommandShortcut>
</CommandItem>
<CommandItem textValue="Delete">
<TrashIcon />
<span>Delete</span>
<CommandShortcut>⌫</CommandShortcut>
</CommandItem>
</CommandGroup>
<CommandSeparator />
<CommandGroup heading="View">
<CommandItem textValue="Grid View">
<LayoutGridIcon />
<span>Grid View</span>
</CommandItem>
<CommandItem textValue="List View">
<ListIcon />
<span>List View</span>
</CommandItem>
<CommandItem textValue="Zoom In">
<ZoomInIcon />
<span>Zoom In</span>
<CommandShortcut>⌘+</CommandShortcut>
</CommandItem>
<CommandItem textValue="Zoom Out">
<ZoomOutIcon />
<span>Zoom Out</span>
<CommandShortcut>⌘-</CommandShortcut>
</CommandItem>
</CommandGroup>
<CommandSeparator />
<CommandGroup heading="Account">
<CommandItem textValue="Profile">
<UserIcon />
<span>Profile</span>
<CommandShortcut>⌘P</CommandShortcut>
</CommandItem>
<CommandItem textValue="Billing">
<CreditCardIcon />
<span>Billing</span>
<CommandShortcut>⌘B</CommandShortcut>
</CommandItem>
<CommandItem textValue="Settings">
<SettingsIcon />
<span>Settings</span>
<CommandShortcut>⌘S</CommandShortcut>
</CommandItem>
<CommandItem textValue="Notifications">
<BellIcon />
<span>Notifications</span>
</CommandItem>
<CommandItem textValue="Help & Support">
<HelpCircleIcon />
<span>Help & Support</span>
</CommandItem>
</CommandGroup>
<CommandSeparator />
<CommandGroup heading="Tools">
<CommandItem textValue="Calculator">
<CalculatorIcon />
<span>Calculator</span>
</CommandItem>
<CommandItem textValue="Calendar">
<CalendarIcon />
<span>Calendar</span>
</CommandItem>
<CommandItem textValue="Image Editor">
<ImageIcon />
<span>Image Editor</span>
</CommandItem>
<CommandItem textValue="Code Editor">
<CodeIcon />
<span>Code Editor</span>
</CommandItem>
</CommandGroup>
</CommandList>
</Command>
</CommandDialog>
</div>
)
}