Button group in a flex item?

Elements Beta Feedback
1

Is it at all possible to have two buttons in a flex item sitting next to each other horizontally?

2

Yes of course!

I only have the V2 components (these should be available in the next beta) to hand but it’s very straight forward…

3

I see. But not in a flex item itself? Like

  • Flex
    • Flex Item
      • Heading
      • Paragraph
    • Flex Item
      • Button
      • Button

That’s what I was trying. I’m not the most savvy when it comes to using flex.

4

It really depends on the layout you want. I’m guessing the heading and paragraph are sat on top of each other and you want the buttons below it to be side by side. If that is the case you might need to do the following:

  • Flex
    • Flex Item
      • Heading
      • Paragraph
    • Flex Item
      • Flex
        • Flex Item
          • Button
        • Flex Item
          • Button

In the V2 Components, other items can also act as flex items, in my example the box component is set to act as a “flex item”.

All of this will make sense, once we ship the V2 components along with updated docs and videos.

5

Ah, thanks for clarifying that. Looking forward to the V2 components.