# Button group in a flex item?

**URL:** <https://forums.realmacsoftware.com/t/button-group-in-a-flex-item/44985>\
**Category:** RapidWeaver Elements\
**Created:** [October 16, 2024, 8:49pm UTC](https://forums.realmacsoftware.com/t/button-group-in-a-flex-item/44985 "2024-10-16T20:49:10Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [October 16, 2024, 8:49pm UTC](https://forums.realmacsoftware.com/t/button-group-in-a-flex-item/44985/1 "2024-10-16T20:49:10Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 16, 2024, 8:55pm UTC](https://forums.realmacsoftware.com/t/button-group-in-a-flex-item/44985/2 "2024-10-16T20:55:29Z")

</div>

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…

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [October 16, 2024, 9:07pm UTC](https://forums.realmacsoftware.com/t/button-group-in-a-flex-item/44985/3 "2024-10-16T21:07:12Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 16, 2024, 9:18pm UTC](https://forums.realmacsoftware.com/t/button-group-in-a-flex-item/44985/4 "2024-10-16T21:18:51Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [October 16, 2024, 9:23pm UTC](https://forums.realmacsoftware.com/t/button-group-in-a-flex-item/44985/5 "2024-10-16T21:23:20Z")

</div>

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