Hi folks!
Surface v0.1.0-alpha.2 has just been released with lots of bug fixes and new components. Here are the highlights:
- New Markdown component.
- New context-aware form components (wrappers around phoenix helpers), including Form, Field, Label, TextInput, RadioButton and many others. (thanks to @zamith and @alexandrubagu)
- New Link (wrapper around
link/2) component. (Thanks to mathewdgardner). - Compile-time check live components without
idthat implementhandle_event/3. - Update LiveView to v0.13.3
Along with the new built-in components, there are also some new UI components available. For documentation and live examples see:
- Button (thanks to @tiagoefmoraes)
- Table
- Tabs
Source code can found at GitHub - surface-ui/surface_bulma: A set of simple Surface components based on Bulma.
The Markdown component
The new <#Markdown> component allows users to write markdown content directly in a Surface template. The content will be validated and translated to HTML at compile-time.
Surface’s website was mostly written using this component. It’s very handy, especially if you want to mix static markdown and HTML content with runtime interactive components.
Example:
Reporting syntax errors:
If you’re using VS Code, there’s a new version of the Surface extension which adds syntax highlighting to the Markdown component’s content, as you can see in the examples above.
Have fun.
