[New Feature] Add a Tour Component for User Guides on website.

[sohail9744]

Summary

I recently completed User Acceptance Testing (UAT) for my project and realized that a built-in Tour component would be extremely helpful. A Tour component helps in guiding users through the product, step-by-step, making it easier for them to understand the features and functionalities of the application.

but it would be fantastic if Material UI had its own Tour component. This component could provide a customizable, easy-to-use user guide or walkthrough directly integrated into the Material UI ecosystem.

Examples

//Something like this below to call the component

import { Guider } from '@mui/icons-material';

const MyTour = () => {
const steps = [
{ target: '#feature-1', content: 'This is feature 1' },
{ target: '#feature-2', content: 'Here is feature 2' },
];

return ;
};

Motivation

I believe that adding a Tour component would be a valuable addition to Material UI. It would simplify the implementation of user guides and enhance the user experience across a wide range of applications. Before proceeding with a pull request, I would like to gauge whether this feature would align with the project's goals and whether the maintainers would be interested in its implementation.

Search keywords: tour

[sai6855]

duplicate of mui/mui-x#13933?

[DiegoAndai]

duplicate of mui/mui-x#13933?

It is. I'll close it as such.

@sohail9744 thanks for reaching out. If you wish to see this feature, please upvote (👍🏼) mui/mui-x#13933.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@sohail9744 How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.