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.

Sign up for GitHub

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

Jump to bottom

[TreeView] Use new DX patterns (hooks and slots) for TreeItem customization #12287

Closed
flaviendelangle opened this issue Mar 1, 2024 · 1 comment · Fixed by #11721
Closed

[TreeView] Use new DX patterns (hooks and slots) for TreeItem customization #12287

flaviendelangle opened this issue Mar 1, 2024 · 1 comment · Fixed by #11721
Assignees
@flaviendelangle
Labels
component: tree view TreeView, TreeItem. This is the name of the generic UI component, not the React module! customization: css Design CSS customizability customization: extend Logic customizability

Comments

@flaviendelangle
Copy link
Member

flaviendelangle commented Mar 1, 2024 •
edited
Loading

Currently, the customization of the TreeView is done mainly with the ContentComponent and ContentProps props on the TreeItem component.

We want to replace those props with a set of slots (slots.label, slots.iconContainer, ...) and with a useTreeItemHook that allows advanced customization.

This should also solve #12284 by not having the style of the label defined at the content level.

Search keywords:
@github-actions github-actions bot added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Mar 1, 2024
@flaviendelangle flaviendelangle added customization: css Design CSS customizability customization: extend Logic customizability component: tree view TreeView, TreeItem. This is the name of the generic UI component, not the React module! and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Mar 1, 2024
@flaviendelangle flaviendelangle self-assigned this Mar 1, 2024
@flaviendelangle flaviendelangle mentioned this issue Mar 1, 2024
Merged
@flaviendelangle flaviendelangle changed the title [tree view] Use new DX patterns (hooks and slots) for TreeItem customization [TreeView] Use new DX patterns (hooks and slots) for TreeItem customization Mar 1, 2024
@github-actions GitHub Actions
Copy link

⚠️ This issue has been closed.
If you have a similar problem, please open a new issue and provide details about your specific problem.
If you can provide additional information related to this topic that could help future readers, please feel free to leave a comment.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@flaviendelangle flaviendelangle

Labels
component: tree view TreeView, TreeItem. This is the name of the generic UI component, not the React module! customization: css Design CSS customizability customization: extend Logic customizability
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[TreeView] Introduce a new TreeItem2 component and a new useTreeItem2 hook flaviendelangle/mui-x
1 participant
@flaviendelangle