Tailwind CSS Links
Style links with Tailwind CSS utilities for colors, opacity, underline effects, and icon treatments.
You can also change link opacity on hover for a stronger interactive state.
Underline color
Use decoration color utilities to customize the underline color independently from the link text.
Hover variants
Combine hover and focus underline utilities to create more expressive interactive link styles.
Colored links
Pair text and decoration colors to create semantic link styles for different contexts.
Pill sizes
Size pill-style link elements with small, default, and large spacing variants.
Working with icons
Use inline-flex and gap utilities to align links with leading or trailing icons.