From 9030db65686e284cf0f3808118a5afa48d16d22a Mon Sep 17 00:00:00 2001 From: dmhumphrey <112772115+dmhumphrey@users.noreply.github.com> Date: Fri, 30 Sep 2022 22:56:37 -0500 Subject: [PATCH] Update customize-icons.mdx --- .../pages/docs/guides/customize-icons.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) 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