Features

twitter bootstrap4
nested forms support
interface for i18n engines
interface for validation engines
clojure.spec integration
complete test coverage

Demo

Installation

[reagent "0.7.0"]
[darkleaf/form "0.1.0"]

Usage example

<!doctype html>
<html>
  <head>
    <title>Form</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <!-- add bootstrap styles -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous" />
  </head>
  <body>
    <div class="container">
      <div id="point">app mount point</div>
    </div>
    <script type="text/javascript" src="build/dev/main.js"></script>
  </body>
</html>

(ns app
  (:require
   [reagent.core :as r]
   [darkleaf.form.context :as ctx]
   [darkleaf.form.bootstrap4 :as bootstrap]))
(defn i18n-error [path error]
  "some logic")
(defn i18n-label [path]
  "some logic")
(defn form [data errors]
  ;; i18n is optional
  (let [f (ctx/build data errors update {:error i18n-error, :label i18n-label})]
    [:form
     [bootstrap/text f :some-attribute-name]]))
(def data {:some-attrubte-name "foo bar"})
(def errors {})
(r/render [form data errors]
          (.getElementById js/document "point"))

Please see demo or tests for more examples.