Add Guidelines for Button Group

[Gnirps00]

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines

Proposal

It would be nice if we can have some guideline for toggle buttons, just like in the original react bootstrap.
Also guideline for toggle button of icons is nice to have. Good to have some example, not just apis.

Motivation and context

There is no guideline for toggle buttons in modus page currently. And no instruction how toggle buttons of icons should look like.
To implement these into the products, we need some guideline.

[msankaran0712]

hey @Gnirps00
At the moment, we are focusing on Modus Web Components as our top priority and putting Modus React Bootstrap in maintenance mode.
Our suggestion would be to transition to Web components. Additionally, if you are interested in contributing to Modus React Bootstrap, please don't hesitate to submit a PR for our review.

[msankaran0712]

@Gnirps00, did you mean a Dropdown toggle?

If you are unable to find the guidelines you are looking for in the links below, could you kindly contact @soniakaukonen or @egunther39?
https://modus.trimble.com/components/web/dropdowns/,
https://modus.trimble.com/components/web/buttons/styles/

[Gnirps00]

Hi, thank you for reply.
I mean by toggle button like these buttons in https://react-bootstrap.netlify.app/docs/components/buttons/#checkbox--radio, but the content with only icons.
In my case, I would like to know how the button should look like, if there are 2 options and user can see which option is chosen.
And there no instruction for this toggle button currently.

So, it will likely look like this.

Or be completely different, if you have some other instruction for this.

[msankaran0712]

@soniakaukonen @egunther39 would you like to comment on this ?

[coliff]

Here's Modus Bootstrap v2 Button group styling:

[msankaran0712]

Maha to create an issue for styleguide, figma and web components

[msankaran0712]

@Gnirps00 We will be adding the guidelines for the toggle buttons group very soon.

[Gnirps00]

Hi, thank you for updates!

[msankaran0712]

Wait for Daphnee to add it to Figma

[coliff]

We have these now:
https://modus.trimble.com/components/web/button-groups/