fulcro-css.css-injection
component-css-includes-with-depthclj/s
(component-css-includes-with-depth component breadth depth)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`.
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
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)falsethen 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).
StyleElementclj/s≠
(StyleElement)upsert-cssclj/s≠
(upsert-css id options)In CLJ this is a STUB (to prevent compile errors in CLJC UI files).
Upsert-css not available for CLJ use. There is no DOM. Use compute-css and manual embedding in your returned server page instead.
In CLJ this is a STUB (to prevent compile errors in CLJC UI files). Upsert-css not available for CLJ use. There is no DOM. Use `compute-css` and manual embedding in your returned server page instead.
(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.
ONLY WORKS FOR CLJS, since otherwise there is no DOM to change.
(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`. ONLY WORKS FOR CLJS, since otherwise there is no DOM to change.
cljdoc is a website building & hosting documentation for Clojure/Script libraries
× close