mxst
Is it possible to have multiple Kino.Input Fields in one Livebook cell?
Hey everyone,
is it possible in a livebook to have multiple inputs generated from one cell? Maybe even next to each other.
username = Kino.Input.text("Username")
password = Kino.Input.password("Password")
renders to
but I was hoping for something like
Maybe someone can help me 
Thanks
~ Max
Marked As Solved
josevalim
You can also render the inputs individually:
username = Kino.Input.text("Username") |> Kino.render()
password = Kino.Input.password("Password") |> Kino.render()
Kino.nothing()
Converting to a form also works, but it makes everything evented.
Also Liked
outlog
check kino form in latest version: Kino.Control — Kino v0.19.0
(see the “Building a chat app with Kino.Control” Kino example in livebook)
inputs = [
first_name: Kino.Input.text("First name"),
last_name: Kino.Input.text("Last name")
]
form = Kino.Control.form(inputs, submit: "Greet")
josevalim
It is the same.
Popular in Questions
Other popular topics
Latest Livebook Threads
Latest on Elixir Forum
Sponsor Spotlight
Build Elixir applications with speed and confidence.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"