Skip to content

Commit a94d5e0

Browse files
docs: Polish reference to Material UI.
Polish reference to Material UI.
1 parent 83d80bf commit a94d5e0

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

docs/framework/react/guides/ui-libraries.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,15 @@ title: UI Libraries
55

66
# Usage of TanStack Form with UI Libraries
77

8-
TanStack Form is a headless library, offering you complete flexibility to style it as you see fit. It's compatible with a wide range of UI libraries, including `Tailwind`, `Material-UI`, `Mantine`, or even plain CSS.
8+
TanStack Form is a headless library, offering you complete flexibility to style it as you see fit. It's compatible with a wide range of UI libraries, including `Tailwind`, `Material UI`, `Mantine`, or even plain CSS.
99

10-
This guide focuses on `Material-UI` and `Mantine`, but the concepts are applicable to any UI library of your choice.
10+
This guide focuses on `Material UI` and `Mantine`, but the concepts are applicable to any UI library of your choice.
1111

1212
## Prerequisites
1313

1414
Before integrating TanStack Form with a UI library, ensure the necessary dependencies are installed in your project:
1515

16-
- For `Material-UI`, follow the installation instructions on their [official site](https://mui.com/material-ui/getting-started/).
16+
- For `Material UI`, follow the installation instructions on their [official site](https://mui.com/material-ui/getting-started/).
1717
- For `Mantine`, refer to their [documentation](https://mantine.dev/).
1818

1919
Note: While you can mix and match libraries, it's generally advisable to stick with one to maintain consistency and minimize bloat.
@@ -87,9 +87,9 @@ export default function App() {
8787
- By following these steps, you can seamlessly integrate Mantine components with TanStack Form.
8888
- This methodology is equally applicable to other components, such as `Checkbox`, ensuring consistent integration across different UI elements.
8989

90-
## Usage with `Material-UI`
90+
## Usage with Material UI
9191

92-
The process for integrating Material-UI components is similar. Here's an example using TextField and Checkbox from Material-UI:
92+
The process for integrating Material UI components is similar. Here's an example using TextField and Checkbox from Material UI:
9393

9494
```tsx
9595
<Field
@@ -125,4 +125,4 @@ The process for integrating Material-UI components is similar. Here's an example
125125
```
126126

127127
- The integration approach is the same as with Mantine.
128-
- The primary difference lies in the specific Material-UI component properties and styling options.
128+
- The primary difference lies in the specific Material UI component properties and styling options.

0 commit comments

Comments
 (0)