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’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DataGrid] Experimental toolbar #14611

Draft
wants to merge 73 commits into
base: master
Choose a base branch
from

Conversation

KenanYusuf
Copy link
Contributor

@KenanYusuf KenanYusuf commented Sep 13, 2024

🚧 Experimenting with a new toolbar design in preparation for pivoting. 🚧

Closes #11584

https://deploy-preview-14611--material-ui-x.netlify.app/x/react-data-grid/components/toolbar/

  • Test component renderer
  • Finalize the composition API
  • Documentation

Follow up tasks:

@KenanYusuf KenanYusuf added component: data grid This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer proof of concept Studying and/or experimenting with a to be validated approach labels Sep 13, 2024
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Oct 18, 2024
Copy link

This pull request has conflicts, please resolve those before we can evaluate the pull request.

@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Nov 1, 2024
* WARNING: This is an internal component used in documentation to provide the required context for demos.
* Please do not use it in your application.
*/
export function DemoContainer(props: DemoContainerProps) {
Copy link
Contributor Author

@KenanYusuf KenanYusuf Nov 28, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This component allows us to render Data Grid subcomponents in an isolated demo, i.e. we can render the grid toolbar without the rest of the data grid.

Screenshot 2024-11-28 at 16 01 50

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: data grid This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer proof of concept Studying and/or experimenting with a to be validated approach
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[data grid] Improved Toolbar
3 participants