@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.59 kB
JavaScript
import{jsxs as i,jsx as t}from"react/jsx-runtime";import e from"@mui/material/Skeleton";import d from"@mui/material/Stack";const n=i(d,{sx:{p:4},children:[t(e,{variant:"rounded",width:"100%",height:168}),i(d,{direction:"row",spacing:4,sx:{mt:6,flex:1},children:[i(d,{flex:1,spacing:2,children:[t(e,{variant:"rounded",width:"35%",height:16,sx:{mb:6}}),t(e,{variant:"rounded",width:"100%",height:16}),t(e,{variant:"rounded",width:"50%",height:8}),t(e,{variant:"rounded",width:"50%",height:8})]}),i(d,{flex:1,spacing:2,direction:"row",alignItems:"flex-end",justifyContent:"flex-end",children:[t(e,{variant:"rounded",width:24,height:24}),t(e,{variant:"rounded",width:24,height:24}),t(e,{variant:"rounded",width:24,height:24})]})]})]}),r=i(d,{direction:"row",sx:{p:4},children:[t(e,{variant:"rounded",width:120,height:120}),i(d,{flex:1,spacing:2,sx:{ml:8},children:[t(e,{variant:"rounded",height:24,sx:{flex:1}}),i(d,{direction:"row",spacing:2,sx:{mb:6},children:[t(e,{variant:"rounded",height:16,sx:{flex:1}}),t(e,{variant:"rounded",height:16,sx:{flex:1}}),t(e,{variant:"rounded",height:16,sx:{flex:1}})]}),t(e,{variant:"rounded",width:"100%",height:16}),t(e,{variant:"rounded",width:"50%",height:8}),t(e,{variant:"rounded",width:"50%",height:8})]}),i(d,{flex:1,spacing:2,direction:"row",alignItems:"center",justifyContent:"flex-end",children:[t(e,{variant:"rounded",width:24,height:24}),t(e,{variant:"rounded",width:24,height:24}),t(e,{variant:"rounded",width:24,height:24}),t(e,{variant:"rounded",width:24,height:24})]})]});export{r as ComplexCardRectangleSkeleton,n as ComplexCardSkeleton};