Button Set

Allows to group several buttons and ensures that margins between them are consistent.

Button Set

Example

<div>
  <p>
    <span id="button-set"></span>
  </p>
</div>

import React from 'react';
import {render} from 'react-dom';
import Button from '@jetbrains/ring-ui/components/button/button';
import ButtonSet from '@jetbrains/ring-ui/components/button-set/button-set';

render(
  <ButtonSet>
    <Button>1st button</Button>
    <Button>2nd button</Button>
    <Button>3rd button</Button>
  </ButtonSet>
  , document.getElementById('button-set')
);