Skip to main content

🧙‍♂️ refine grants your wishes! Please give us a ⭐️ on GitHub to keep the magic going.

Quick Start Guide

General Concepts

Access Control Provider

Audit Log Provider

Notification Provider

Router Provider

<Authenticated>

Interface References

List of Packages

Command Palette

React Router v6

Audit Log with Antd

Audit Log Provider

Monorepo with Turbo

Monorepo with Lerna

Command Palette

useInfiniteList

Custom Theme Ant Design

Custom Theme Chakra UI

Custom Theme Material UI

Custom Theme Mantine

Custom Login Page

Off Layout Area

RTL (Right to Left)

Top Menu Layout

Multiple Providers

useCheckboxGroup

useSelect with infinite list

useAutocomplete

Module Federation

Multi-level Menu

With `app/` Directory

Authentication with NextAuth.js

Authentication with remix-auth

Storybook with Ant Design

Storybook with Material UI

useEditableTable

Cursor Pagination

Multipart Upload

Multipart Upload

Multipart Upload

Sign-In with Ethereum

Migrating Auth Provider

Migrating Router Provider

Version: 4.xx.xx

useMenu

useMenu is used to get menu items derived from the resources. These items include a link to the dashboard page (if it exists) and links to the user-defined resources (passed as children to <Refine />). This example shows how to use the useMenu hook.

Refer to the refine useMenu hook documentation for more information. →

View Source Code

Run on your local

npm create refine-app@latest -- --example core-use-menu