Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Button with Text
A link-styled button with underline and no background for subtle navigation actions
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Not all actions need bold backgrounds. This React button uses shadcn/ui's link variant creating text-only styling with underline on hover mimicking anchor tags. Built with variant="link" applying primary color text and transparent background, it creates subtle inline navigation. Perfect for tertiary actions like "Learn More" in card footers, "View Details" in data tables, or "Skip this step" in onboarding flows—the minimal styling reduces visual weight while maintaining clear actionability through color and underline affordance.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Link with Icon
Link button with left icon
Standard Button
Primary button with background
Outline Button
Border-only button styling
Secondary Button
Muted background button
Link Right Icon
Link with trailing arrow icon
Breadcrumb Navigation
Link-based navigation trail