@momentum-ui/react/src/lib/ListItemHeader/examples/Default.js

Cisco Momentum UI framework for ReactJs applications

import React from 'react';
import { List, ListItemHeader } from '@momentum-ui/react';
import { NavLink } from 'react-router-dom';

export default class ListItemHeaderExample extends React.PureComponent {
  render() {
    const anchorNode = <NavLink to="/containers/list-item">More</NavLink>;
    return (
      <div className="medium-4 columns">
        <List>
          <ListItemHeader header="Testing" children={anchorNode} />
        </List>
        <List
          className="md--dark"
          style={{ backgroundColor: 'rgba(40,40,40,0.72)' }}
        >
          <ListItemHeader header="Testing" children={anchorNode} />
        </List>
      </div>
    );
  }
}