mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
35 lines
836 B
TypeScript
35 lines
836 B
TypeScript
const App = `import {Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Button} from "@nextui-org/react";
|
|
|
|
export default function App() {
|
|
return (
|
|
<Dropdown>
|
|
<DropdownTrigger>
|
|
<Button
|
|
variant="bordered"
|
|
>
|
|
Open Menu
|
|
</Button>
|
|
</DropdownTrigger>
|
|
<DropdownMenu
|
|
aria-label="Action event example"
|
|
onAction={(key) => alert(key)}
|
|
>
|
|
<DropdownItem key="new">New file</DropdownItem>
|
|
<DropdownItem key="copy">Copy link</DropdownItem>
|
|
<DropdownItem key="edit">Edit file</DropdownItem>
|
|
<DropdownItem key="delete" className="text-danger" color="danger">
|
|
Delete file
|
|
</DropdownItem>
|
|
</DropdownMenu>
|
|
</Dropdown>
|
|
);
|
|
}`;
|
|
|
|
const react = {
|
|
"/App.jsx": App,
|
|
};
|
|
|
|
export default {
|
|
...react,
|
|
};
|