mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
const App = `import {Badge, Avatar} from "@nextui-org/react";
|
|
|
|
export default function App() {
|
|
return (
|
|
<div className="flex gap-4 items-center">
|
|
<Badge content="5" color="danger" placement="top-right">
|
|
<Avatar
|
|
isBordered
|
|
radius="lg"
|
|
src="https://i.pravatar.cc/150?u=a042f81f4e29026024d"
|
|
/>
|
|
</Badge>
|
|
<Badge content="5" color="danger" placement="bottom-right">
|
|
<Avatar
|
|
isBordered
|
|
radius="lg"
|
|
src="https://i.pravatar.cc/150?u=a04258a2462d826712d"
|
|
/>
|
|
</Badge>
|
|
<Badge content="5" color="danger" placement="top-left">
|
|
<Avatar
|
|
isBordered
|
|
radius="lg"
|
|
src="https://i.pravatar.cc/150?u=a04258114e29026708c"
|
|
/>
|
|
</Badge>
|
|
<Badge content="5" color="danger" placement="bottom-left">
|
|
<Avatar
|
|
isBordered
|
|
radius="lg"
|
|
src="https://i.pravatar.cc/150?u=a04258114e29026302d"
|
|
/>
|
|
</Badge>
|
|
</div>
|
|
);
|
|
}`;
|
|
|
|
const react = {
|
|
"/App.jsx": App,
|
|
};
|
|
|
|
export default {
|
|
...react,
|
|
};
|