mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
30 lines
834 B
TypeScript
30 lines
834 B
TypeScript
const App = `import {Avatar, AvatarGroup} from "@nextui-org/react";
|
|
|
|
export default function App() {
|
|
return (
|
|
<AvatarGroup
|
|
isBordered
|
|
max={3}
|
|
total={10}
|
|
renderCount={(count) => (
|
|
<p className="text-sm text-foreground font-medium ml-2">+{count} others</p>
|
|
)}
|
|
>
|
|
<Avatar src="https://i.pravatar.cc/150?u=a042581f4e29026024d" />
|
|
<Avatar src="https://i.pravatar.cc/150?u=a04258a2462d826712d" />
|
|
<Avatar src="https://i.pravatar.cc/150?u=a042581f4e29026704d" />
|
|
<Avatar src="https://i.pravatar.cc/150?u=a04258114e29026302d" />
|
|
<Avatar src="https://i.pravatar.cc/150?u=a04258114e29026702d" />
|
|
<Avatar src="https://i.pravatar.cc/150?u=a04258114e29026708c" />
|
|
</AvatarGroup>
|
|
);
|
|
}`;
|
|
|
|
const react = {
|
|
"/App.jsx": App,
|
|
};
|
|
|
|
export default {
|
|
...react,
|
|
};
|