All Buttons inside ButtonGroup have same status

Issue type

I’m submitting a … (check one with “x”)

• bug report
• feature request

Issue description

Current behavior: Button elements in ButtonGroup have same status

Expected behavior: Each Button should have its own status

Steps to reproduce:

<ButtonGroup>
     <Button status='success'>
         A
     </Button>
     <Button>
        B
     </Button>
     <Button>
        C
     </Button>
</ButtonGroup>

Related code:

insert short code snippets here

Other information:

OS, device, package version

package: 4.3.0

[artyorsh]

@pjnovas Actually, ButtonGroup is not about selection mode. For this case, you may see a gist I use in my project

[28harishkumar]

Currently I am not able to give inline Action Buttons with different colors. Simple use case is providing Save, Save & Add Another and Delete options for some entry. Save with primary status, Save & Add Another with info status and Delete with danger status.

Another use case is providing OK and Cancel buttons.

Although all use cases can be covered by replacing ButtonGroup with View and writing extra style. But it will be better if ButtonGroup does not restrict individual Button property.

Additionally I found one more issue. ButtonGroup is accepting white status and it is passing it to Button. Button does not accept white status. It accepts basic status that is not accepted by ButtonGroup. It raises following warning:

Button: unsupported configuration.
Check one of the following prop values {
  "appearance": "filled",
  "variants": [
    "white",
    "medium"
  ],
  "states": []
}
📖 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/components/button/api