Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

We should add a more robust example to our ToolbarDropdownButton documentation. #2730

Open
mannycarrera4 opened this issue May 8, 2024 · 0 comments

Comments

@mannycarrera4
Copy link
Contributor

馃挕 Suggestion

Currently our docs only showcase the button. We should maybe add or update an example oh how to use the button in context of something like a Popup or Menu.

Motivation

Better docs for devs!

Example

<Menu onSelect={(data) => setSelected(data.id)}>
        <Menu.Target as={ToolbarDropdownButton}>Open</Menu.Target>
        <Menu.Popper>
          <Menu.Card>
            <Menu.List>
              <Menu.Item>First Item</Menu.Item>
              <Menu.Item>Second Item</Menu.Item>
              <Menu.Divider />
              <Menu.Item>
                Third Item (with a really, really, really long label)
              </Menu.Item>
              <Menu.Item aria-disabled>Fourth Item</Menu.Item>
            </Menu.List>
          </Menu.Card>
        </Menu.Popper>
      </Menu>

Loose idea!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 馃啎 New
Development

No branches or pull requests

1 participant