Function Example

stories/examples/Card/ImageOverlay.js:4–27

(props)

import { Card, CardTitle, CardText, CardImg, CardImgOverlay } from 'reactstrap';

function Example(props) {
  return (
    <div>
      <Card inverse>
        <CardImg
          width="100%"
          src="https://picsum.photos/900/270?grayscale"
          alt="Card image cap"
          style={{ height: 270 }}
        />
        <CardImgOverlay>
          <CardTitle tag="h5">Card Title</CardTitle>
          <CardText>
            This is a wider card with supporting text below as a natural lead-in
            to additional content. This content is a little bit longer.
          </CardText>
          <CardText>
            <small className="text-muted">Last updated 3 mins ago</small>
          </CardText>
        </CardImgOverlay>
      </Card>
    </div>
  );
}

export default Example;