Sha256: 637c349f67712df543f8832aef4f6f2c8316a0b3ee23dbae4ebc534e5493ab57
Contents?: true
Size: 764 Bytes
Versions: 21
Compression:
Stored size: 764 Bytes
Contents
import React, { Component } from "react";
import PropTypes from "prop-types";
const propTypes = {
text: PropTypes.string.isRequired,
link: PropTypes.string,
active: PropTypes.bool
};
const defaultProps = {
text: "Hello Item",
link: "#",
active: false
};
class VerticalNavItem extends Component {
render() {
const { text, link, active } = this.props;
return (
<li className={"vertical_nav_list_border_item" + active}>
<a className="vertical_nav_list_item_link"
href={link}
>
<span className="vertical_nav_list_item_link-text">{text}</span>
</a>
</li>
);
}
}
VerticalNavItem.propTypes = propTypes;
VerticalNavItem.defaultProps = defaultProps;
export default VerticalNavItem;
Version data entries
21 entries across 21 versions & 1 rubygems