mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.94k stars 32.27k forks source link

Add markdown icon to list of Material Icon in MUI #38587

Open Here2Huynh opened 1 year ago

Here2Huynh commented 1 year ago

Duplicates

Latest version

Summary 💡

I needed to use markdown icon as part of toggle button group, but could not find it in MUI's icon list (https://mui.com/material-ui/material-icons/?query=markdown). I tried making my own custom SVGIcon component, but that component doesn't have the on click features like the MUI icons out of the box. Perhaps I am missing something, but having the icon available is also nice.

Examples 🌈

https://squidfunk.github.io/mkdocs-material/reference/icons-emojis/

![Uploading image.png…]()

Motivation 🔦

I am creating an editor for work and I need the markdown icon toggle button so user can toggle markdown mode in the editor

mj12albert commented 1 year ago

@Here2Huynh Thanks for reporting this ~ we generally don't deviate from the official Material Design icons, see https://github.com/mui/material-ui/issues/34817#issuecomment-1283948508

I tried making my own custom SVGIcon component, but that component doesn't have the on click features

You also need to use it together with the IconButton component, here's a working sandbox: https://codesandbox.io/s/https-github-com-mui-material-ui-issues-38587-ylnpp4?file=/src/App.tsx