@momentum-ui/react-collaboration/src/legacy/ButtonGroup/examples/Pill.js

Cisco Momentum UI Framework for React Collaboration Applications

import React from 'react';
import { Button, ButtonGroup, Icon } from '@momentum-ui/react-collaboration';
export default class ButtonGroupPill extends React.PureComponent {
  render() {
    return (
      <div>
        <div className="columns small-4">
          <ButtonGroup>
            <Button ariaLabel="left">
              <Icon name="icon-arrow-left_12" />
            </Button>
            <Button ariaLabel="right">
              <Icon name="icon-arrow-right_12" />
            </Button>
          </ButtonGroup>
        </div>
        <div className="columns small-4">
          <ButtonGroup type="pill">
            <Button ariaLabel="left">
              <Icon name="icon-flag_16" />
            </Button>
            <Button ariaLabel="right">
              <Icon name="icon-cancel_16" />
            </Button>
          </ButtonGroup>
        </div>
        <div className="columns small-4">
          <ButtonGroup type="pill" pillWidth="60px">
            <Button ariaLabel="left">
              <Icon name="icon-flag_16" />
            </Button>
          </ButtonGroup>
        </div>
      </div>
    );
  }
}