Function Example

stories/examples/ListGroup/LinksAndButtons.js:4–53

(props)

import { ListGroup, ListGroupItem } from 'reactstrap';

function Example(props) {
  return (
    <div>
      <h3>Links </h3>
      <p>
        Be sure to{' '}
        <strong>
          not use the standard <code>.btn</code> classes here
        </strong>
        .
      </p>
      <ListGroup>
        <ListGroupItem active tag="a" href="#" action>
          Cras justo odio
        </ListGroupItem>
        <ListGroupItem tag="a" href="#" action>
          Dapibus ac facilisis in
        </ListGroupItem>
        <ListGroupItem tag="a" href="#" action>
          Morbi leo risus
        </ListGroupItem>
        <ListGroupItem tag="a" href="#" action>
          Porta ac consectetur ac
        </ListGroupItem>
        <ListGroupItem disabled tag="a" href="#" action>
          Vestibulum at eros
        </ListGroupItem>
      </ListGroup>
      <p />
      <h3>Buttons </h3>
      <ListGroup>
        <ListGroupItem active tag="button" action>
          Cras justo odio
        </ListGroupItem>
        <ListGroupItem tag="button" action>
          Dapibus ac facilisis in
        </ListGroupItem>
        <ListGroupItem tag="button" action>
          Morbi leo risus
        </ListGroupItem>
        <ListGroupItem tag="button" action>
          Porta ac consectetur ac
        </ListGroupItem>
        <ListGroupItem disabled tag="button" action>
          Vestibulum at eros
        </ListGroupItem>
      </ListGroup>
    </div>
  );
}

export default Example;