diff --git a/material-react-table-docs/pages/docs/guides/customize-icons.mdx b/material-react-table-docs/pages/docs/guides/customize-icons.mdx index f548124c1..be13875fd 100644 --- a/material-react-table-docs/pages/docs/guides/customize-icons.mdx +++ b/material-react-table-docs/pages/docs/guides/customize-icons.mdx @@ -14,7 +14,7 @@ import Example from '../../../examples/font-awesome-icons'; Material React Table uses [Material Icons](https://mui.com/material-ui/material-icons) by default for all of its internal icons. -If you need to, you can customize and replace some or all of the icons with your own custom icons. You can either use other Material Icons, or icons from a completely different library. +If you need to, you can customize and replace some or all of the icons with your own custom icons. You can either use other Material Icons or icons from a completely different library. ### Relevant Props @@ -22,7 +22,7 @@ If you need to, you can customize and replace some or all of the icons with your ### Replace with Custom Icons -To replace a default icon, you specify the icon in the `icons` prop. You should get TS hints for the name of the icons you can replace, but you can also consult [this source file](https://github.com/KevinVandy/material-react-table/blob/main/src/icons.ts) for a list of all the icons you can replace. +To replace a default icon, specify the icon in the `icons` prop. You should get TS hints for the name of the icons you can replace, but you can also consult [this source file](https://github.com/KevinVandy/material-react-table/blob/main/src/icons.ts) for a list of all the icons you can replace. ```tsx Some Icons have `style` props that get applied to them internally. So in order to preserve the ability of those Icons to be styled with the correct paddings, margins, or rotations, you should pass in `{...props}` to your custom Icon component as a best practice. +> Some icons have `style` props that get applied to them internally. So, in order to preserve the ability of those Icons to be styled with the correct paddings, margins, or rotations, you should pass in `{...props}` to your custom icon component as a best practice. ### Font Awesome Example