Link Button

Preview

About

Minimalist text link (HeroUI Link) for navigation or secondary actions. Not a primary CTA — use KasyButton when the action is the screen's main focus. In the source code the class is called KasyLink (kasy_link.dart).

• label / onPressed: the text and its callback; a null onPressed leaves the link disabled (50% opacity, no interaction).
• icon: optional glyph after the label (e.g. an external-link arrow).
• underline: always (default, always underlined), hover (underlines only on hover — good for inline invitations like "Sign up"/"Log in"), or never.
• color: text/icon color (defaults to HeroUI's link foreground).
• fontWeight: overrides the default weight (Medium/w500); auth flows commonly use w600.
• focusable: when true (default), it becomes a Tab stop with a focus ring; false removes secondary links from the navigation order.
• States: default, hover (icon reaches full opacity, text dims to 80%), focus (highlight ring), disabled.

Last updated on 08/23/2026