Places inner components with fixed spacing between them.
Places inner components with fixed spacing between them.
<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);