Empty
A placeholder layout for empty, zero-data or not-yet-populated states.
$
Registry itembunx shadcn@latest add @nx-ui/emptyInstalls withutils
Used bydata-table
Basic usage
Header, media, title and description compose into a single centred block.
No collection rounds yet
Once a round is scheduled for this organisation, it will appear here with its route and tonnage summary.
Media variants
The default variant renders bare artwork; icon wraps it in a muted rounded square. FeaturedIcon slots in for a bolder, coloured treatment.
default
Bare artwork, no container.
icon
Muted rounded-square container.
FeaturedIcon
Coloured, from the blocks library.
With actions
EmptyContent holds calls to action beneath the description, such as a primary create action and a secondary link.
Create your first project
Projects group sites, rounds and members under one organisation so reporting rolls up automatically.
States
Swap the media, tone and actions to distinguish a genuine zero-data state from an error or a loading placeholder.
Loading sites…
Fetching sites for Beckvale Borough Council.
Couldn't load the dashboard
A connection error interrupted the sync. Check the link below and try again.
Composition: filtered search
Empty combines with a Badge summarising the active filters, for a no-results state within a larger table or list view.
No members match your search
Nobody at Riverside Allotments matches the current filters. Try removing one to widen the results.
Riverside AllotmentsRole: Site leadStatus: Active
API reference
Exported parts and their props, extracted from the component source.