🟢 ButtonLink

Most of the cases where we need to hint users on actions they can trigger can be achieved by use of Button component. Yet we need to allow designers to use CTAs with even lesser priority. ButtonLink makes our set of action triggers complete.

Use

We use ButtonLink in the same way as Button component – apart of text.

 

Due to ways of how ButtonLink is implemented on iOS we have prepared a supplementary component – TableRow – that can be used in mobile devices with iOS (only) as a ButtonLink. We inherited its name and properties from Apple Human Interface Guidelines.

Read more about TableRow on its page.

Variants

We have a definition of ButtonLink component in two sizes. This helps to even better keep interface organized and structured.

Behaviour

ButtonLink behaves the same way as Button component interaction-wise. The only difference is that ButtonLink doesn't have any colour applied to the background of its container (see examples below).

 

Platform=Web, Size=Large, Icon=Left, Theme=Dark, State=Idle
Platform=Web, Size=Large, Icon=Left, Theme=Light, State=Idle

Modifiers

We have ButtonLink prepared to be used in light and dark themed interfaces. Select appropriate theme accordingly.

In situ

Buttonlink used as back and close element (to keep user's freedom in navigation)

-> Specs in Figma