react-styleguidist/src/rsg-components/ComponentsList/ComponentsListRenderer.js

React components style guide generator

import React, { PropTypes } from 'react';
import cx from 'classnames';

import s from './ComponentsList.css';

const ComponentsListRenderer = ({ items }) => (
	<div className={s.list}>
		{items.map(({ heading, name, content }) => (
			<div className={s.item} key={name}>
				<a className={cx(s.link, heading && s.heading)} href={'#' + name}>{name}</a>
				{content}
			</div>
		))}
	</div>
);

ComponentsListRenderer.propTypes = {
	items: PropTypes.array.isRequired,
};

export default ComponentsListRenderer;