Slesa
How to get layouting with LiveView 1.0?
I walked through the unofficial Getting Started With Phoenix blog to get familiar with the new way of LiveView. Now I am reading the Phoenix book to get a closer look at all other concepts.
But looking at the pictures in this book, there is a huge difference in the layouts of the old renderer and the new LiveView 1.0. In the book, it seems that a list/table is rendered as a table. I wanted to style a link like a button, too. Or render a form as a form.
So, should I add my own css stuff to app.css depending on tailwind? Or should I add a component library such as PhoenixUI or SaladUI? Or am I simply missing some documentation?
Most Liked
Zurga
You can also use Pico.css, it provides a basic design with semantic HMTL
pelopo
Feel free to use my learnings/testing app as an example with a styled table together with sorting, pagination, filtering. It uses @flop_phoenix, tailwind and tailwind based UI library flowbite .
You can find the guide on flowbite’s site how to install it.
I also got an example of the main menu with flowbite
Popular in Questions
Other popular topics
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









