Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Empty with Link in Description
A React empty favorites state with inline link in description providing Learn more documentation access
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Descriptions can be interactive—inline links provide help without button clutter. This React empty state uses shadcn/ui Empty component with Star icon from Lucide React featuring EmptyDescription containing inline anchor tag for Learn more about favorites. Built with interactive description text mixing static and linked content. The inline link pattern adds depth—perfect for help documentation, feature education, policy links, or anywhere empty states benefit from supplementary information without dedicating full button to secondary action.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Empty with Description
Standard description without links
Link Action
Empty with link button
No Notifications
Simple informational empty
Link Button
Link-styled button
Card Component
Empty container
Info Alert
Messaging with links