import React, {Component} from 'react';
import {render} from 'react-dom';
import classNames from 'classnames';
import Link, {linkHOC} from '@jetbrains/ring-ui/components/link/link';
class CustomComponent extends Component {
render() {
const {active, activeClassName, className,...props} = this.props;
const classes = classNames(className, {
[activeClassName]: active
});
return (
);
}
}
const CustomLink = linkHOC(CustomComponent);
class LinkDemo extends Component {
render() {
return (
Ordinary link
Active link (inherits color)
Pseudo link (no underline on hover)
Custom link component
Active custom link component
);
}
}
render(, document.getElementById('link'));