Back to Refine

README

examples/with-material-ui-vite/README.MD

3.25.02.4 KB
Original Source
<div align="center" style="margin: 30px;"> <a href="https://refine.dev/"> </a> </br> </br> <div align="center"> <a href="https://refine.dev">Home Page</a> | <a href="https://discord.gg/refine">Discord</a> | <a href="https://refine.dev/examples/">Examples</a> | <a href="https://refine.dev/blog/">Blog</a> | <a href="https://refine.dev/docs/">Documentation</a> </div> </div> </br> <div align="center">Build your React-based internal tools, admin panels, dashboards, B2B apps with flexibility in mind. An open-source, headless React meta-framework, developed with a commitment to best practices, flexibility, minimal tech debt, and team alignment, could be a perfect fit for dynamic environments.

</div>

Material UI Refine Example with Vite

Refine has a built-in integration with Material UI, and this example demonstrates how to use it.

The example includes list, create, edit, and delete pages for the posts and category resources, as well as a functional login page and dark mode.

For more information on how to use Material UI with Refine, please refer to the Material UI integration guide.

Try this example on your local

bash
npm create refine-app@latest -- --example with-material-ui-vite

Try this example on CodeSandbox

Screenshots