Underline Link

FreeNew

Preview live, install via shadcn or copy the source.

Installation

Install via shadcn

This will install the component and its dependencies automatically.

Usage

underline-link-usage.tsxTSX

Props

NameTypeDefaultRequiredDescription
childrenReact.ReactNodeYesLink text or node.
hrefstringYesLink href.
underlineHeightstring1pxNoUnderline thickness.
underlineColorstringcurrentColorNoUnderline color.
durationnumber0.4NoGSAP duration.
easestringpower3.outNoGSAP ease.
gapstring2pxNoGap between text and underline.
underlineClassNamestringNoClass for underline element.
classNamestringNoAdditional classes for link.
© reframe/ui 2026Built by @thommysart
More in Buttons & Links