Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Empty with Link Action
A React empty state with link action button featuring ExternalLink icon for documentation or external resources
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Sometimes the action isn't creating—it's learning. This React empty state uses shadcn/ui Empty component with BookOpen icon from Lucide React featuring link variant Button with ExternalLink icon for documentation. Built with variant link styling and gap spacing for icon placement. The link action empty state pattern educates users—perfect for getting started pages, setup wizards, feature discovery, or anywhere users need guidance before taking action.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Single Action
Empty state with primary button
Input Action
Empty state with form input
No Notifications
Informational empty state
Link Button
Link-styled button component
Button Component
Button variants
Card Component
Empty state container