Version

Group

Places inner components with fixed spacing between them.

Group

Example
<div id="group"></div>
import React, {Component} from 'react';
import {render} from 'react-dom';

import Link from '@jetbrains/ring-ui/components/link/link';
import Badge from '@jetbrains/ring-ui/components/badge/badge';
import Group from '@jetbrains/ring-ui/components/group/group';

const container = document.getElementById('group');
class GroupDemo extends Component {
  render() {
    return (
      <Group>
        <Badge valid>Badge</Badge>
        <span>Text</span>
        <Link>Link</Link>
      </Group>
    );
  }
}

render(<GroupDemo />, container);