How to bread crumb menu


#1

I want to build a bread crumb menu from data slots where each item is clickable

learning > react-studio > how-to

I’m trying to use 3 text blocks, but I don’t see how to get them to expand to the proper width and stack right without overlapping.

I have tried
use expanding text elements,
set contributes to scroll flow.

What am I missing?


#2

Hi,

Unfortunately expanding text field expands only from “its height”. It will not “push” other elements to left or right, it simply pushes other elements into Layout flows direction which is down.

Currently Studio does not have container which would adjust horizontally and would push other elements to horizontal direction.

You probably need to add text labels with enough “margin” to match even the longest screen names.

Maybe one could build plugin e.g. out of this: https://material-ui.com/components/breadcrumbs/