Welcome to the Phoenix LiveView Cookbook

Hello World

Demo Code

Progress

Demo Code

Form with validation

Demo Code Initial Commit

Displaying flash messages

Demo Code

Showing a Bootstrap modal

Demo Code Initial Commit

Multistep wizard form

Demo Code

Upload and display a XLSX file

Demo Code

Keep LiveView state across redirects

Demo Code

Live render markdown

Demo Code

FullCalendar integration

Demo Code

Table with filtering, sorting, and pagination

Demo Code

JS: Focus element and copy to clipboard

Demo Code

Browse files

Demo Code

Generate a QR code

Demo Code

Using geolocation

Demo Code

Handle spreadsheet files using SheetJS

Demo Code

Dynamic nested form

TODO

File upload

TODO

File upload to S3

TODO

Picture upload and cropping

TODO

Using a date picker

TODO

Navbar

TODO

Feel free to add a PR if you think that an example is missing. Check out the GitHub repo.