How to use lists in components?

How To
1

Hi there,

Components are a killer feature of bricks but I can’t find out how to add a list element in a component. I’d like to add a list to a component and connect this to the correct properties.

The user can then add multiple list items. Currently there is no property type for it to connect to the list items. Does anyone know a way to do this?

Thanks!

2

please make a visual example

what element or elements ?

do you mean component repeater property possibility?

3

Yes, you’re correct. The repeater property is currently missing. Lists are used widely on about every website. I know that component slots are coming but a repeater property would easier for clients to add content.

Do you know a workaround to achieve this by any chance?

4

yes doesnt exit yet

we dont have repeaters yet so that means we have to use ICON Element instead of ICON List Element :slight_smile:

you will have to wrap them and multiply it…etc

I had similar issues for other elements but workarounds works as long as you setup them in single component properly.

install 2.2 beta start to learn the SLOTS that eliminates the need for repeaters as well :slight_smile: dont delay it learn now
it is possible to use slots for nestable elements or other repeating setups… it solves so much.

that is why I pushed the slots feature so hard start of the year.

5

I watched videos about slots wich are very nice but it isn’t as intuitive like repeaters for clients. You can’t use slots in Gutenberg as far as I know.

So for me as a developer slots are great but clients can’t use it because they won’t edit content in Bricks but in Gutenberg.

Repeater properties would make components perfect and an absolutely killer feature :wink:

Thanks!

1 Like
6

Yes, the fact that you currently can not use slots in Gutenberg, makes them a lot less useful. We mainly use components with props for client editing and having no slots inside Gutenberg means you can’t give your clients nestable accordions, etc. If there at least was a repeater prop that wouldn’t be an issue but the way it is right now, Bricks is still missing crucial functionality. Hopefully they’ll add either feature (repeater props / slot functioanlity in Gutenberg) as an option.