Invest migrating to Base-UI

[edwardzjl]

Currently Chatbot utilizes Material UI for its user interface, which offers a robust set of styling features. However, it tends to exert a high degree of influence over the styling, making it challenging to achieve precise control through CSS.

Base UI might be a good alternative, although it's worth noting that it is currently in beta.

[edwardzjl]

Base UI does not offer Tooltip out of the box, and here's an issue to upvote for it

[edwardzjl]

Also it does not offer Dialog out of the box, I will need to customize one using Modal

[edwardzjl]

I have collected the MUI components this project currently relied on as follows:

• @mui/material/Alert
• @mui/material/Avatar
• @mui/material/Input
• @mui/material/Snackbar
• @mui/material/Tooltip

[edwardzjl]

I removed the dependency on @mui/material/Input

[edwardzjl]

Meanwhile I find there's another dependency on @mui/base/ClickAwayListener

[edwardzjl]

Also it does not offer Dialog out of the box, I will need to customize one using Modal

I implemented dialog in plain html and js, so this is not required any more.

[edwardzjl]

ClickAwayListener

This is also removed.

[edwardzjl]

Base UI does not offer Tooltip out of the box, and here's an issue to upvote for it

This is implemented in the new Base UI library: https://base-ui.com/react/components/tooltip

[edwardzjl]

I think I might give it a try once the 1.0.0 release.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.