mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
31 lines
844 B
TypeScript
31 lines
844 B
TypeScript
const App = `import {Card, Skeleton} from "@nextui-org/react";
|
|
|
|
export default function App() {
|
|
return (
|
|
<Card className="w-[200px] space-y-5 p-4" radius="2xl">
|
|
<Skeleton className="rounded-lg">
|
|
<div className="h-24 rounded-lg bg-default-300"></div>
|
|
</Skeleton>
|
|
<div className="space-y-3">
|
|
<Skeleton className="w-3/5 rounded-lg">
|
|
<div className="h-3 w-3/5 rounded-lg bg-default-200"></div>
|
|
</Skeleton>
|
|
<Skeleton className="w-4/5 rounded-lg">
|
|
<div className="h-3 w-4/5 rounded-lg bg-default-200"></div>
|
|
</Skeleton>
|
|
<Skeleton className="w-2/5 rounded-lg">
|
|
<div className="h-3 w-2/5 rounded-lg bg-default-300"></div>
|
|
</Skeleton>
|
|
</div>
|
|
</Card>
|
|
);
|
|
}`;
|
|
|
|
const react = {
|
|
"/App.jsx": App,
|
|
};
|
|
|
|
export default {
|
|
...react,
|
|
};
|