Check the built-in ErrorTag component.
sfusato
im3000
I did and everything looks right 
For the interested, I’ve moved the discussion here Form validation: validate only the field you interact with · Issue #480 · surface-ui/surface · GitHub
odix67
to play around with stateless components (phx 1.6rc, LV 0.16), is it surface master or ms_function_components branch ?
stefanchrobot
odix67
It’s more about using Surface.Component the same way as function components from LV 0.16, as with master it seems not be possible to use Surface.Component components in ~H blocks, e.g. for dead views. If function components (from LV) work in Surface.LiveComponent components, it would be great, I’ve not tried this with master yet.
msaraiva
Broadway Core Team
@odix67 it’s possible to use stateless Surface.Component components in dead views as long as you use ~F instead of ~H. So make sure you import Surface and use the version on master.
In the near future, you will be able to use Surface components in ~H too but only after LV incorporates other core features from Surface’s component model, for instance, slots, which is already on the roadmap.
odix67
@msaraiva, thank you for your reply, that’s good news. I’ve also played around with LV function components using them in stateful surface components (using the ms-function-component branch) with partly success, at least function components seem to work just with attributes, but those with a “slot” (inner_content) are failing with ** (CaseClauseError) no case clause matching: {[]}, but I think, here it is not the right place to discuss this, isn’t it ?
Nefcairon
Hello,
Two questions from a very inexperienced elixir/phoenix dev:
-
Will Surface once include a data table as shown as https://datatables.net/ ? Or will this never be possible without a JS framework?
-
Is there a least viable but complete example available (as code of a phoenix app)? I would like to see one component in action and then read the code to be able to conclude whether I understand how to use it. (edit: or even a tutorial).
the_wildgoose
I’m going to give a shoutout to this project because I think it’s an AMAZING example of surface in action!! (nothing to do with me, just looked at the code quite a bit before I jumped into surface)
https://github.com/code-shoily/covid19.git
Note I’ve not looked at the code in a year, it’s possible it doesn’t show off all the latest innovations of surface, but I think you will be very impressed with his tables and how the graphs update in response to clicks elsewhere, etc!
