Array of links/buttons

Question

Hi, 
 How can I achieve the below user experience. Like layouts, fields ..etc. Font color can be blank. 
 
 Thank you in advance.

Shubham Aware · Answer

ak0642 You can find pattern for same in interface.

Peter Lewis · Answer

Everyone else is suggesting the "Tabs" pattern which uses buttons to simulate this. However, depending on what you're trying to do, the Tag component actually might be better. The style is more similar to what you have in your image, and there is more flexibility for formatting. 
 Basically the difference for them is: 
 
 Buttons (Tabs pattern) are useful when you have some kind of interaction you want to do, such as changing the view of the page or submitting a form 
 Tags are useful to designate attributes or characteristics. They aren't usually for interaction, but they are good at categorizing properties in a user interface.

Array of links/buttons

Top Replies