@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 1.13 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Skeleton"),d=require("@mui/material/Stack");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t),r=i(d);const n=e.jsxs(r.default,{children:[e.jsx(a.default,{variant:"rounded",width:"100%",height:32}),e.jsxs(r.default,{direction:"row",alignItems:"stretch",spacing:8,sx:{my:12},children:[e.jsxs(r.default,{sx:{flex:1},children:[e.jsx(a.default,{variant:"rounded",width:"40%",height:24}),e.jsxs(r.default,{spacing:2,sx:{my:4},children:[e.jsx(a.default,{variant:"rounded",width:"60%",height:24}),e.jsx(a.default,{variant:"rounded",width:"100%",height:24}),e.jsx(a.default,{variant:"rounded",width:"100%",height:24})]}),e.jsx(a.default,{variant:"rounded",width:"25%",height:24})]}),e.jsx(a.default,{variant:"rounded",sx:{flex:1},height:"unset"})]}),e.jsxs(r.default,{direction:"row",justifyContent:"space-between",children:[e.jsx(a.default,{variant:"rounded",width:"20%",height:24}),e.jsx(a.default,{variant:"rounded",width:"20%",height:24})]})]});exports.CarouselCardSkeleton=n;