Liking cljdoc? Tell your friends :D

fulcro-css.css-injection


compute-cssclj/s

(compute-css props)

Compute the stringified CSS based on the given props. This can be used to generate a server-side version of CSS for the initial DOM, and is used the other injection functions to compute the CSS.

Props are as described in style-element.

Compute the stringified CSS based on the given props. This can be used to generate a
server-side version of CSS for the initial DOM, and is used the other injection functions to compute
the CSS.

Props are as described in `style-element`.
raw docstring

find-css-nodesclj/s

(find-css-nodes {:keys [component order state-map]})

Scan the given component and return an ordered vector of the css rules in depth-first order. order can be :depth-first (default) or :breadth-first

Scan the given component and return an ordered vector of the css rules in depth-first order.
`order` can be :depth-first (default) or :breadth-first
raw docstring

style-elementclj/s

(style-element props)

Renders a style element. Valid props are:

  • :component: (REQUIRED) The UI component to pull CSS from. Class or instance allowed.
  • :order: (optional) :depth-first (default) or :breadth-first (legacy order)
  • :react-key : (optional) A React key. Changing the key will force it to update the CSS (which is otherwise caches for performance)
  • :auto-include?: (optional) When set to true (default) it will use the component query to recursively scan for CSS instead of explicit includes. When set to (exactly) false then it ONLY uses the user-declared inclusions on the component.

The resulting React style element avoids re-rendering unless the props change, and the CSS is cached at component mount; therefore this element will avoid all overhead on refresh. In development you may wish to have the CSS change on hot code reload, in which case you can simply change the :react-key on the props to force a re-mount (which will recompute the CSS).

Renders a style element. Valid props are:

 - `:component`: (REQUIRED) The UI component to pull CSS from. Class or instance allowed.
 - `:order`: (optional)  `:depth-first` (default) or `:breadth-first` (legacy order)
 - `:react-key` : (optional) A React key. Changing the key will force it to update the CSS (which is otherwise caches for performance)
 - `:auto-include?`: (optional) When set to true (default) it will use the component query to recursively scan for
   CSS instead of explicit includes. When set to (exactly) `false` then it ONLY uses the user-declared inclusions on
   the component.

The resulting React style element avoids re-rendering unless the props change, and the CSS is cached at component mount; therefore
this element will avoid all overhead on refresh. In development you may wish to have the CSS change on hot code reload, in which case
you can simply change the `:react-key` on the props to force a re-mount (which will recompute the CSS).
raw docstring

StyleElementclj/s≠

clj
cljs
(StyleElement)

upsert-csscljs

(upsert-css id options)

(Re)place the STYLE element with the provided ID on the document's low-level DOM with the co-located CSS of the specified component.

The options is the same as passed to style-element.

(Re)place the STYLE element with the provided ID on the document's low-level DOM with the co-located CSS of
the specified component.

The `options` is the same as passed to `style-element`.
raw docstring

cljdoc is a website building & hosting documentation for Clojure/Script libraries

× close