progress-demo.cljs

(ns helix-ui.registry.default.example.progress-demo
  (:require ["react" :as React]
            [helix-ui.registry.default.ui.progress :refer [Progress]]
            [helix.core :refer [$]]
            [portfolio.react-18 :as portfolio :refer-macros [defscene]]))
(defscene ProgressDemo
          :id
          :helix-ui.portfolio.default.progress/demo
          []
          (let [[progress setProgress] (.useState React 13)]
            (.useEffect React
                        (fn []
                          (let [timer (js/setTimeout (fn [] (setProgress 66))
                                                     500)]
                            (fn [] (js/clearTimeout timer))))
                        #js [])
            ($ Progress {:value progress, :className "w-[60%]"})))