@infinityfx/fluid
Version:
React UI library, using zero-runtime CSS-in-JS.
3 lines (2 loc) • 719 B
JavaScript
import{jsx as i}from"react/jsx-runtime";import{combineClasses as e,classes as t}from"../../core/utils.js";import{Animatable as l}from"@infinityfx/lively";import{LayoutGroup as o}from"@infinityfx/lively/layout";import{createStyles as r}from"../../core/style.js";const c=r("collapsible",{".content":{overflow:"hidden"}});function n({children:r,cc:n={},shown:s,...a}){const d=e(c,n);return i(o,{children:i(l,{id:"collapsible",cachable:["height","opacity","visibility"],adaptive:!0,children:i("div",{...a,"aria-hidden":!s,className:t(d.content,a.className),style:{...a.style,height:s?void 0:"0px",opacity:s?1:0,visibility:s?"visible":"hidden"},children:r})})})}export{n as default};
//# sourceMappingURL=collapsible.js.map