Update README.md #15391
Closed
Update README.md #15391
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Recepxx34
commented
Nov 13, 2024
Recepxx34
commented
<!-- markdownlint-disable-next-line --> <p align="center"> <a href="https://mui.com/x/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="MUI X logo"></a> </p> <h1 align="center">MUI X</h1> <div align="center"> [](https://github.com/mui/mui-x/blob/HEAD/LICENSE) [](https://www.npmjs.com/package/@mui/x-data-grid) [](https://www.npmjs.com/package/@mui/x-data-grid) [](https://github.com/mui/mui-x/commits/HEAD/) [](https://codecov.io/gh/mui/mui-x/) [](https://x.com/MUI_X_) [](https://github.com/mui/mui-x/issues/2081) [](https://isitmaintained.com/project/mui/mui-x 'Average time to resolve an issue') [](https://opencollective.com/mui-org) [](https://bestpractices.coreinfrastructure.org/projects/6293) <!-- [](https://www.bestpractices.dev/projects/8715) --> </div> [MUI X](https://mui.com/x/) is a suite of advanced React UI components for a wide range of complex use cases. Each component provides best-in-class UX and DX, with sophisticated UX workflows for data-rich applications. Components include the Data Grid, Date and Time Pickers, Charts, and Tree View. MUI X extends the core functionality of [Material UI](https://github.com/mui/material-ui/), but the advanced components also stand on their own and can be fully customized to meet the needs of any design system. MUI X is **open-core**: [Community](#community-plan) components are MIT-licensed and free forever, while more advanced features and components require a [Pro](#pro-plan) or [Premium](#premium-plan) commercial license. See [Licensing](#licensing) for more information. ## Documentation Get started in the [MUI X documentation](https://mui.com/x/introduction/). - [Data Grid](https://mui.com/x/react-data-grid/) - [Date and Time Pickers](https://mui.com/x/react-date-pickers/) - [Charts](https://mui.com/x/react-charts/) - [Tree View](https://mui.com/x/react-tree-view/) ### Installation - [Data Grid installation](https://mui.com/x/react-data-grid/getting-started/#installation) - [Date and Time Pickers installation](https://mui.com/x/react-date-pickers/getting-started/#installation) - [Charts installation](https://mui.com/x/react-charts/getting-started/#installation) - [Tree View installation](https://mui.com/x/react-tree-view/getting-started/#installation) ## Licensing The MUI X team has been building MIT-licensed React components since 2014, starting with Material UI, and we're committed to the continued advancement of our open-source libraries. Anything we release under an MIT license will remain MIT-licensed forever. Learn more about [our stewardship ethos](https://mui-org.notion.site/Stewardship-542a2226043d4f4a96dfb429d16cf5bd). We offer commercial licenses to developers who need the most advanced components and features that can't reasonably be maintained by the open-source community alone. These licenses make it possible for us to support a full-time staff of engineers. Rest assured that when we release features commercially, it's only because we believe you won't find a better MIT-licensed alternative anywhere else. See the [Licensing page](https://mui.com/x/introduction/licensing/) for complete details. ### Plans #### Community plan The free Community version of MUI X contains components and features that we believe are maintainable by contributions from the open-source community. It's published under an [MIT license](https://www.tldrlegal.com/license/mit-license) and it's [free forever](https://mui-org.notion.site/Stewardship-542a2226043d4f4a96dfb429d16cf5bd#20f609acab4441cf9346614119fbbac1). - [`@mui/x-data-grid`](https://www.npmjs.com/package/@mui/x-data-grid) - [`@mui/x-date-pickers`](https://www.npmjs.com/package/@mui/x-date-pickers) - [`@mui/x-charts`](https://www.npmjs.com/package/@mui/x-charts) - [`@mui/x-tree-view`](https://www.npmjs.com/package/@mui/x-tree-view) #### Pro plan MUI X Pro expands on the Community version with more advanced features and functionality. The Data Grid Pro comes with multi-filtering, multi-sorting, column resizing, and column pinning; you also gain access to the Date and Time Range Picker components, advanced Charts, and drag-and-drop reordering for the Tree View. The Pro version is available under a commercial license—visit the [Pricing page](https://mui.com/pricing/) for details. -[proton_recovery_phrase.txt](https://github.com/user-attachments/files/17724577/proton_recovery_phrase.txt) - [`@mui/x-data-grid-pro`](https://www.npmjs.com/package/@mui/x-data-grid-pro) - [`@mui/x-date-pickers-pro`](https://www.npmjs.com/package/@mui/x-date-pickers-pro) - [`@mui/x-charts-pro`](https://www.npmjs.com/package/@mui/x-charts-pro) - [`@mui/x-tree-view-pro`](https://www.npmjs.com/package/@mui/x-tree-view-pro) -[Gate of olumpuyos reaxsiyon.txt](https://github.com/user-attachments/files/17724580/Gate.of.olumpuyos.reaxsiyon.txt) #### Premium plan MUI X Premium unlocks the most advanced features of the Data Grid, including row grouping and Excel exporting, as well as everything offered in the Pro plan. The Premium version is available under a commercial license—visit the [Pricing page](https://mui.com/pricing/) for details. - [`@mui/x-data-grid-premium`](https://www.npmjs.com/package/@mui/x-data-grid-premium) ## Support From community guidance to critical business support, we're here to help. Read the [Support guide](https://mui.com/x/introduction/support/) for details. ## Contributing Read the [Contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes. Contributing to MUI X is about more than just issues and pull requests! There are many other ways to [support MUI X](https://mui.com/material-ui/getting-started/faq/#mui-is-an-awesome-organization-how-can-i-support-it) beyond contributing to the code base. ## Changelog The [changelog](https://github.com/mui/mui-x/releases) is regularly updated to reflect what's changed in each new release. ## Roadmap Future plans and high-priority features and enhancements can be found in the [roadmap](https://mui.com/x/introduction/roadmap/). ## Security For details on supported versions and contact information for reporting security issues, please refer to the [security policy](https://github.com/mui/mui-x/security/policy). Signed-off-by: Recepxx34 <[email protected]>
|
Deploy preview: https://deploy-preview-15391--material-ui-x.netlify.app/ |
import Stack from '@mui/material/Stack';
import { BarChart } from '@mui/x-charts/BarChart';
import { PieChart } from '@mui/x-charts/PieChart';
export default function SyncHighlight() {
const [highlightedItem, setHighLightedItem] = React.useState(null);
return (
<Stack
direction={{ xs: 'column', xl: 'row' }}
spacing={1}
sx={{ width: '100%' }}
>
<BarChart
{...barChartsProps}
highlightedItem={highlightedItem}
onHighlightChange={setHighLightedItem}
/>
<PieChart
{...pieChartProps}
highlightedItem={highlightedItem}
onHighlightChange={setHighLightedItem}
/>
</Stack>
);
}
const barChartsProps = {
series: [
{
data: [3, 4, 1, 6, 5],
id: 'sync',
highlightScope: { highlight: 'item', fade: 'global' },
},
],
xAxis: [{ scaleType: 'band', data: ['A', 'B', 'C', 'D', 'E'] }],
height: 400,
slotProps: {
legend: {
hidden: true,
},
},
};
const pieChartProps = {
series: [
{
id: 'sync',
data: [
{ value: 3, label: 'A', id: 'A' },
{ value: 4, label: 'B', id: 'B' },
{ value: 1, label: 'C', id: 'C' },
{ value: 6, label: 'D', id: 'D' },
{ value: 5, label: 'E', id: 'E' },
],
highlightScope: { highlight: 'item', fade: 'global' },
},
],
height: 400,
slotProps: {
legend: {
hidden: true,
},
},
};
](https://github.com/mui/mui-x/blob/HEAD/LICENSE){kind=link}
](https://www.npmjs.com/package/@mui/x-data-grid){kind=link}
](https://www.npmjs.com/package/@mui/x-data-grid){kind=link}
](https://codecov.io/gh/mui/mui-x/){kind=link}
](https://x.com/MUI_X_){kind=link}
](https://github.com/mui/mui-x/issues/2081){kind=link}
](https://isitmaintained.com/project/mui/mui-x){kind=link}
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.