BFUList and Grid Layout Clarification

Does the BFUList implementation support the grid style layout that is shown on the official FluentUI site?

https://developer.microsoft.com/en-us/fluentui/#/controls/web/list

There seems to be an ItemSize feature, which looks like it’s relevant to when the list is Virtualizing and rendering placeholder content, but it’s unclear if ItemSize should also cover widths for items rendered in a grid.

I have a sample 200x200 div as my ItemTemplate pretending to be a Card or Tile, and all items are rendered in a single column.

I also notice that all of my items are contained by a plain div with no style, id or other attributes. If I mark that div as display: flex; flex-wrap: wrap; justify-content: space-between then it seems to do as I wish.

Also, I’ve set specific Style on the BFUList and I’m not seeing that Style applied anywhere.

For reference I’m using <PackageReference Include="BlazorFluentUI.AllComponents" Version="4.0.2" />

Thanks and happy new year.

[DerekChasse]

Just tried with latest code (4.0.0-CI-20210102-034411) and it works great.

Thanks for this.

[limefrogyank]

https://github.com/BlazorFluentUI/BlazorFluentUI/commit/f48d4ba7c67c4acbb061b66e25e39ff437d83461