ca1989
I have a bunch of Phoenix Components.
May be possible to render them in a Livebook?
That would be absolutely brillant as a living documentation tool a-la Storybook.
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest Livebook Threads
Latest on Elixir Forum
Sponsor Spotlight
Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixirconf-us
- #ai
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Master modern tools, write cleaner code, and tackle real-world challenges.
Bringing learning, work and compliance together since 1987.
**Building the future of software with AI, trust, and human connection.**
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 8- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
zachallaun
Would love to see a proof of concept of this! I think it’s definitely possible using a Smart Cell (Kino.SmartCell — Kino v0.19.0) but it may be possible using even simpler Kino features. The somewhat tricky thing may be injecting your app’s styles into the livebook.
ca1989
Yeah, rendering was pretty easy with Kino.JS — Kino v0.19.0
For styling, I am loading the CSS directly form the app static url, using importCSS
zachallaun
If you have a minimal proof-of-concept or snippet you could post, that would be great for other people looking to try the same thing!
ca1989
Can’t really share the code because it’s not open, but I could indeed set up a POC in the next few of days.
tomekowal
I have a similar, but slightly different issue, so I figured I’ll ask here first.
I’d like to use LiveBook as a “playground” to explore some Phoenix concepts.
That means, I’d like to define a template, a controller and an embedded scheme in the livebook.
What is the correct abstraction to use in that case? SmartCells? Is it possible to render a route like in an iframe?
tomekowal
So far, I have this
https://github.com/tomekowal/phoenix-playground
It would be nice to render the page in an iframe to not jump between tabs.
I’ll need to look through Kino docs if it supports something like that.
LostKobrakai
I setup this on the weekend: phoenix.livemd · GitHub
tomekowal
Brilliant! Thank you! That’s exactly what I needed. Using
Kino.JSand adding the iframe via JS is clever!