smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge 490c370c74 into debf2ad608

Browse source
This commit is contained in:
みけCAT 2025-04-22 11:56:30 +00:00 • committed by GitHub
commit 895e4a4b24
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 24 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

24
dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
View file

@ -167,3 +167,27 @@ function App() {
| Prop | Type | Required | Default | Description | | Prop | Type | Required | Default | Description |
| --- | --- | :-: | :-: | --- | | --- | --- | :-: | :-: | --- |
| `children ` | `React.ReactNode` | Yes | - | The content of the `Menu Group` | | `children ` | `React.ReactNode` | Yes | - | The content of the `Menu Group` |
### MainMenu.Separator
To put a horizontal line between items, you can use `MainMenu.Separator`.
```jsx live
function App() {
return (
<div style={{ height: "500px" }}>
<Excalidraw>
<MainMenu>
<MainMenu.Item onSelect={() => window.alert("Item1")}>
Item1
</MainMenu.Item>
<MainMenu.Separator />
<MainMenu.Item onSelect={() => window.alert("Item2")}>
Item 2
</MainMenu.Item>
</MainMenu>
</Excalidraw>
</div>
);
}
```