@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) • 824 B
JavaScript
import{jsxs as i,jsx as t}from"react/jsx-runtime";import e from"@mui/material/Skeleton";import r from"@mui/material/Stack";const n=i(r,{children:[t(e,{variant:"rounded",width:"100%",height:32}),i(r,{direction:"row",alignItems:"stretch",spacing:8,sx:{my:12},children:[i(r,{sx:{flex:1},children:[t(e,{variant:"rounded",width:"40%",height:24}),i(r,{spacing:2,sx:{my:4},children:[t(e,{variant:"rounded",width:"60%",height:24}),t(e,{variant:"rounded",width:"100%",height:24}),t(e,{variant:"rounded",width:"100%",height:24})]}),t(e,{variant:"rounded",width:"25%",height:24})]}),t(e,{variant:"rounded",sx:{flex:1},height:"unset"})]}),i(r,{direction:"row",justifyContent:"space-between",children:[t(e,{variant:"rounded",width:"20%",height:24}),t(e,{variant:"rounded",width:"20%",height:24})]})]});export{n as CarouselCardSkeleton};