Display an HTML string in an iframe

☁️ Community Cloud
1

Sorry for ugly code, but this is just an example.

How can i expand the window that is displaying the html code?

As i add more code, the whole window is filled. How can i add a “scroller” for example?

import streamlit as st

import streamlit.components.v1 as components

components.html(

"""

<input class="form-control mr-sm-2" type="text" placeholder="Search">

<button class="btn btn-success" type="submit">Search</button>

<label for="uname">Username:</label>

<input type="text" class="form-control" id="uname" placeholder="Enter username" name="uname" required>

<div class="valid-feedback">Valid.</div>

<div class="invalid-feedback">Please fill out this field.</div>

<label for="pwd">Password:</label>

<input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pswd" required>

<div class="valid-feedback">Valid.</div>

<div class="invalid-feedback">Please fill out this field.</div>

<label class="form-check-label">

  <input class="form-check-input" type="checkbox" name="remember" required> I agree on blabla.

  <div class="valid-feedback">Valid.</div>

  <div class="invalid-feedback">Check this checkbox to continue.</div>

</label>

Submit

    </div>

    </div>

  </div>

</div>

""",

height=600,

)