Shadcn.io is not affiliated with official shadcn/ui
Button with Text
A link-styled button with underline and no background for subtle navigation actions
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.
Button with Text preview
Installation
Related Components
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
FAQ
Was this page helpful?
Sign in to leave feedback.