UikButtonGroup

Wrap multiple buttons and create a pill like group of buttons.

PropertyTypeRequiredDefault ValueDescription
childrenReact.Nodefalsenull
classNameStringfalsenullclassName, e.g. "my-custom-styling"
ComponentReact.ElementTypefalse"div"Renders the component with a given react element. By default, the component renders <div />. This is usefull when you want to use a same style but render a different HTML element or your custom component. Read and see more examples here.
...restanyfalseOther properties are passed down to the wrapping element

UikButtonGroup Examples

ComponentExample Code
<UikButtonGroup>
  <UikButton>Example</UikButton>
  <UikButton>Example</UikButton>
</UikButtonGroup>
<UikButtonGroup>
  <UikButton primary>Example</UikButton>
  <UikButton primary>Example</UikButton>
</UikButtonGroup>
<UikButtonGroup>
  <UikButton
    icon={ <Uikon>add</Uikon> }
    success
  >
    Example
  </UikButton>
  <UikButton
    success
  >
    Example
  </UikButton>
</UikButtonGroup>