@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) • 736 B
JavaScript
import{jsxs as t,jsx as e}from"react/jsx-runtime";import i from"@mui/material/Skeleton";import r from"@mui/material/Stack";const n=t(r,{sx:{px:4,py:12,alignItems:"center",justifyContent:"center",height:"100%"},children:[e(i,{variant:"rounded",width:72,height:72,sx:{mb:6}}),e(i,{variant:"rounded",width:"60%",height:24,sx:{mb:2}}),e(i,{variant:"rounded",width:"80%",height:24})]}),h=t(r,{direction:"row",sx:{p:4,alignItems:"center",justifyContent:"center",height:"100%"},children:[t(r,{spacing:2,sx:{flex:1},children:[e(i,{variant:"rounded",width:"30%",height:18}),e(i,{variant:"rounded",width:"60%",height:16})]}),e(i,{variant:"rounded",width:24,height:24,sx:{ml:8}})]});export{h as EmptyCardRectangleSkeleton,n as EmptyCardSkeleton};