Shadcn.io is not affiliated with official shadcn/ui
Awards Sheet Detail
An awards list block for React and Next.js with a slide-out Sheet panel for full award details, criteria, and external links built with shadcn/ui and Tailwind CSS
Browse awards and view full details in a slide-out panel with this Sheet detail block for React and Next.js. Features a compact list of awards that opens a right-side Sheet with complete award information including description, criteria, and external verification links. Built with TypeScript, shadcn/ui Sheet, Button, and Badge components, motion/react entrance animations, and Tailwind CSS. Perfect for award showcase pages, recognition programs, and company achievement sections.
Related Components
Awards Spotlight
Clickable award spotlight with dialog
Awards Accordion
Expandable award rows
Awards Collapsible List
Collapsible award sections
Awards Carousel
Awards in a carousel
Awards Tabs
Tabbed award categories
Awards Tooltip Grid
Grid with tooltip details
FAQ
Was this page helpful?
Sign in to leave feedback.