Images

ReferenceError: React is not defined

ReferenceError: React is not defined

Responsive SVG

SVG can be made responsive-friendly via the addition of the .svg-responsive class on a wrapper div and the .svg-content class on the svg itself. You'll also need to to define the height to width ratio as an inline padding bottom style on the .svg-responsive element like so:

<div class="svg-responsive" style="padding-bottom: 78.31%">
  <svg class="svg-content" viewBox="38 45 125 120" preserveAspectRatio="xMinYMin meet">
    ...
  </svg>
</div>

ReferenceError: React is not defined

Props

Imports

Import React components (including CSS):

import {Image} from 'pivotal-ui/react/images';

Import CSS only:

import 'pivotal-ui/css/images';