I'm making a Python for medics tutorial website using PyScript and React: https://medicode-test.netlify.app/
However, I don't understand how the different parts of the <py-repl> tag work. I've been trying to just use it out of the box, but I would like to customise the design (especially that of the output/errors/not making new REPLs on execution/ having multi-line code pre-inserted etc).
I understand that the <py-repl> tag makes new HTML elements when the website loads - but (as I understand) this means I can't use CSS selectors on the newly created elements?
Can anyone give me a walkthrough of the deceptively simple:
<py-repl id={`my-repl3`} auto-generate="true" std-out="output3" std-err="err-div3">
</py-repl>
<div id={`output3`} class=""></div>
<div id={`err-div3`}></div>