vynte-infra/plunk
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add className prop to EmptyState component for custom styling

Browse Source
This commit is contained in:
Dries Augustyns
2026-04-21 10:31:17 +02:00
parent 0b3aa28101
commit c278a0fd94
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/EmptyState.tsx
+3 -2
View File
@@ -6,11 +6,12 @@ interface EmptyStateProps {
title: string; title: string;
description: string; description: string;
action?: ReactNode; action?: ReactNode;
className?: string;
} }
export function EmptyState({icon: Icon, title, description, action}: EmptyStateProps) { export function EmptyState({icon: Icon, title, description, action, className}: EmptyStateProps) {
return ( return (
<div className="text-center py-14"> <div className={`text-center py-14 ${className ?? ''}`}>
<div className="inline-flex items-center justify-center w-10 h-10 rounded-md border border-neutral-200 bg-neutral-50 mb-4"> <div className="inline-flex items-center justify-center w-10 h-10 rounded-md border border-neutral-200 bg-neutral-50 mb-4">
<Icon className="h-5 w-5 text-neutral-400" /> <Icon className="h-5 w-5 text-neutral-400" />
</div> </div>