Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block4 dependencies

Empty Actions 4 - Empty with input action

empty-empty-actions-4

Empty state combining Input with submit to capture first value inline.

@shadcnblocksRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

5 variants

Variants of this

Other takes on Empty Actions 4 - Empty with input action from @shadcnblocks — the same idea in another design, language or styling.

Vertical stack of multiple buttons in EmptyContent.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Chart Tooltip Formatter - Tooltip - Formatter
chart-chart-tooltip-formatter
Block
Button Secondary 1 - Secondary button with text
button-button-secondary-1
Block
Bento Tile Bento29 Tile 1 - Modular grid-based UI blocks
bento-tile-bento29-tile1
Block
Autocomplete City - City autocomplete
autocomplete-autocomplete-city
Block
Chart Line Multiple - A multiple line chart
chart-chart-line-multiple
Block
Alert Dialog Destructive 3 - Destructive with Checkbox Confirmation
alert-dialog-alert-dialog-destructive-3
Block
Chart Tooltip Indicator Line - Tooltip - Line Indicator
chart-chart-tooltip-indicator-line
Block
Autocomplete Custom Objects - Autocomplete with custom items
autocomplete-autocomplete-custom-objects
Block