This package has been deprecated

    Author message:

    All Pivotal UI components & styles have been moved to the 'pivotal-ui' package. Install that package for all future updates.

    pui-css-media

    8.3.3 • Public • Published

    pui-css-media

    A CSS media component that can be installed via this npm package. This package provides all of the CSS you need to use the component.

    Installation

    To install the package from the command line:

    npm install pui-css-media
    

    Usage

    <div class="media">
      <a class="media-left" href="#">
        <img alt="placeholder" class="media-object" src="http://placehold.it/64x64"/>
      </a>
      <div class="media-body">
        <h4 class="media-heading">Media heading</h4>
        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
      </div>
    </div>
     
    <div class="media">
      <div class="media-body">
        <h4 class="media-heading">Media heading</h4>
        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
      </div>
      <a class="media-right" href="#">
        <img alt="placeholder" class="media-object" src="http://placehold.it/64x64"/>
      </a>
    </div>

    You can find more examples of the media component in the pui style guide


    This is a component of Pivotal UI, a collection of React and CSS components for rapidly building and prototyping UIs.

    Styleguide Github npm

    (c) Copyright 2017 Pivotal Software, Inc. All Rights Reserved.

    Install

    npm i pui-css-media

    DownloadsWeekly Downloads

    61

    Version

    8.3.3

    License

    MIT

    Last publish

    Collaborators

    • aberkovec
    • apps-manager
    • atomanyih
    • charleshansen
    • chentom88
    • ctaymor
    • cthompson
    • d-reinhold
    • elana
    • esharma
    • gpleiss
    • ial-ahmed
    • jadekler
    • jberney
    • kennyw1019
    • mattroyal
    • pivotal-ui
    • rdy
    • sjolicoeur
    • stubbornella
    • vinsonchuong