Skip to content

How do I add Feliz to a SAFE project?

Feliz is a wrapper for the base React DSL library that emphasises consistency, lightweight formatting, discoverable attributes and full type-safety. It is quick and easy to add Feliz to your SAFE application and start using it.

Using Feliz

  1. Add Feliz to your project
  2. Start using Feliz in your code.
open Feliz

Html.button [
    prop.style [ style.marginLeft 5 ]
    prop.onClick (fun _ -> setCount(count - 1))
    prop.text "Decrement"
]