@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) • 630 B
JavaScript
import{jsxs as i,jsx as t}from"react/jsx-runtime";import r from"@mui/material/Skeleton";import e from"@mui/material/Stack";const d=i(e,{sx:{p:6},children:[t(r,{variant:"rounded",width:"100%",height:200}),t(r,{variant:"rounded",width:"15%",height:24,sx:{my:6}}),i(e,{direction:"row",alignItems:"center",children:[t(r,{variant:"rounded",width:40,height:40,sx:{mr:4}}),t(r,{variant:"rounded",height:24,sx:{flex:1}})]}),i(e,{spacing:2,sx:{my:12},children:[t(r,{variant:"rounded",width:"100%",height:8}),t(r,{variant:"rounded",width:"80%",height:8})]}),t(r,{variant:"rounded",width:"25%",height:24})]});export{d as ImageCardSkeleton};