Receipt Panel Illustration
navdeep-singh/receipt-panelFreeComponent
A receipt capture panel illustration.
Install it
npx shadcn@latest add https://ui.navdeepsingh.dev/r/receipt-panel.jsonSource
1'use client'23import { cn } from '@/lib/utils'45import { ReceiptPanelContent, StandalonePanelFrame } from './_expense-workflow-parts'67type ReceiptPanelIllustrationProps = {8 className?: string9}1011export function ReceiptPanelIllustration({ className }: ReceiptPanelIllustrationProps) {12 return (13 <StandalonePanelFrame14 title="Receipt captured"15 stage="receipt"16 className={cn('h-60 sm:h-66', className)}17 >18 <ReceiptPanelContent />19 </StandalonePanelFrame>20 )21}2223export default ReceiptPanelIllustration
What it pulls in
npm packages
Files it writes
More from navdeep-singh
All 62 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Animated Groupanimated-group | navdeep-singh | Components | Free | 1 dep | |
| Animated Numbersanimated-numbers | navdeep-singh | Components | Free | 1 dep | |
| Animated Tabsanimated-tabs | navdeep-singh | Components | Free | 2 deps | |
| Approval Panel Illustrationapproval-panel | navdeep-singh | Components | Free | 2 deps · 2 files | |
| Brand Logobrand-logo | navdeep-singh | Components | Free | 1 dep | |
| Designed for Focus Illustrationdesigned-for-focus-illustration | navdeep-singh | Components | Free | 1 dep | |
| Expandable Cardexpandable-card | navdeep-singh | Components | Free | 4 deps | |
| Fast by Default Illustrationfast-by-default-illustration | navdeep-singh | Components | Free | 1 dep |
