diff --git a/docs/content/drafts/DropdownMenu2.mdx b/docs/content/drafts/DropdownMenu2.mdx index 29f2f2958ab..68cd522aa1e 100644 --- a/docs/content/drafts/DropdownMenu2.mdx +++ b/docs/content/drafts/DropdownMenu2.mdx @@ -66,10 +66,7 @@ import {DropdownMenu} from '@primer/react/drafts'   -```javascript live noinline -// import {DropdownMenu, ActionList} from '@primer/react/drafts' -const {DropdownMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts const fieldTypes = [ {icon: TypographyIcon, name: 'Text'}, {icon: NumberIcon, name: 'Number'}, @@ -107,10 +104,7 @@ render() `Dropdown.Button` uses `Button v2` so you can pass props like `variant` and `leadingIcon` that `Button v2` accepts. -```javascript live noinline -// import {DropdownMenu, ActionList} from '@primer/react/drafts' -const {DropdownMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts const Example = () => { const [duration, setDuration] = React.useState(1) @@ -139,10 +133,7 @@ render() To create an anchor outside of the menu, you need to switch to controlled mode for the menu and pass `open` and `onOpenChange` along with an `anchorRef` to `DropdownMenu`: -```javascript live noinline -// import {DropdownMenu, ActionList} from '@primer/react/drafts' -const {DropdownMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts const Example = () => { const [open, setOpen] = React.useState(false) const anchorRef = React.createRef() @@ -172,10 +163,7 @@ render() ### With Overlay Props -```javascript live noinline -// import {DropdownMenu, ActionList} from '@primer/react/drafts' -const {DropdownMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts const fieldTypes = [ {icon: TypographyIcon, name: 'Text'}, {icon: NumberIcon, name: 'Number'}, @@ -217,10 +205,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app   -```javascript live noinline -// import {DropdownMenu, ActionList} from '@primer/react/drafts' -const {DropdownMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts render(