Skip to content
Small test to try and split a form into multiple steps using Phoenix Live View
Elixir CSS JavaScript HTML
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
config Fix live_reload pattern for live views May 30, 2019
mix.exs Add Phoenix Live View dependency via github May 30, 2019


This is just a simple test to see how one would split up a form/changeset into multiple steps – with validations along the way – using Phoenix Live View.

The meat happens here lib/live_view_form_web/live/example_live.ex.

For a detailed writeup check out the accompanying blog post


To start your Phoenix server:

  • Install dependencies with mix deps.get
  • Create and migrate your database with mix ecto.setup
  • Install Node.js dependencies with cd assets && npm install
  • Start Phoenix endpoint with mix phx.server

Now you can visit localhost:4000 from your browser.

Ready to run in production? Please check our deployment guides.

Learn more

You can’t perform that action at this time.