JSFiddle - React, Tailwind, and code Playground

by Aamir Afridi

HTML

<h3></h3>
<iframe></iframe>

CSS

iframe {
    width: 500px;
    height: 800px;
    border: 5px solid green;
}

JavaScript

$(function(){


    var $iFrame = $('iframe');
    
    $iFrame.load(function(){
        $('h3').html('PDF Loaded!');
    });
    
    $('h3').html('Loading PDF...');
    $iFrame.attr('src', 'http://www.ideo.com/images/uploads/thoughts/IDEO_HBR_Design_Thinking.pdf');

});