
Dynamic horizontal layout with auto-sized controls that wrap to next row
I’m looking for a way to display a series of controls/components horizontally, where each control automatically adjusts its width based on the length of dynamic text inside it.
The spacing between the controls should remain fixed/even, and when there’s no more horizontal space available, the next control should automatically wrap onto a new row.
Basically something similar to “tags” or “chips”, but for custom controls/components.
Does anyone know a good approach, layout system, or control/library for this?
The attached image illustrates what I want to accomplish.