Your bookmarks

ButtonLink

Displays a single, less important action a user can take.

If all potential actions on a page seem equally important, users will have a hard time figuring out what to do first. Offer users less important or less common actions using button links. Also choose them when there’s only one action but it’s very low in importance (like a delete button on a profile).

Button links work like buttons but without the initial styling. So you have to make sure it’s clear from context that it involves an action.

Component status

Figma
Designing
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Released

Content structure

IconLeft: visually supports button visability; label: describes the main action and works best when short; icon right: shows additional options for the button (expandable, link, etc.).