/* override common styles */ :root body { margin: 0; background: #e8e8e9; } :global(.page-content) { background: #FFF; padding: 32px; height: 370px; } import {render} from 'react-dom'; import React from 'react'; import hubLogo from '@jetbrains/logos/hub/hub.svg'; import Icon, {DragIcon} from '@jetbrains/ring-ui/components/icon'; import Auth from '@jetbrains/ring-ui/components/auth/auth'; import showAuthDialog from '@jetbrains/ring-ui/components/auth-dialog-service/auth-dialog-service'; import Header, {Tray, TrayIcon, SmartProfile, SmartServices} from '@jetbrains/ring-ui/components/header/header'; import Link from '@jetbrains/ring-ui/components/link/link'; import Input from '@jetbrains/ring-ui/components/input/input'; import Button from '@jetbrains/ring-ui/components/button/button'; import Dropdown from '@jetbrains/ring-ui/components/dropdown/dropdown'; import PopupMenu from '@jetbrains/ring-ui/components/popup-menu/popup-menu'; import hubConfig from '@ring-ui/docs/components/hub-config'; const container = document.getElementById('header'); const auth = new Auth(hubConfig); auth.setAuthDialogService(showAuthDialog); auth.init(); const renderHeaderDemo = () => (
Users Groups Spaces Services ( )} >
); render(renderHeaderDemo(), container);