refine-shadcn
This package provides theme integration using shadcn-ui for refine.dev
Create custom layouts in refine-shadcn by extending BaseLayout. Inherit theme support and wrap your own headers, sidebars, or navigation drawers with ease.
How to Configure the Notification Provider with Sonner in refine-shadcnEasily configure Sonner notifications in refine-shadcn. Learn how to import notificationProvider, pass it to Refine, and render the Toaster component for seamless alerts.
How Resource-Based Routes Work in refine-shadcn: From Declaration to NavigationUnderstand how resource-based routes work in refine-shadcn. Connect resource declarations to dynamic URLs for automatic navigation, permission-aware routing, and reusable CRUD components in React.
How to Use Pre-Built Validation Schemas (loginSchema & registerSchema) in refine-shadcnLearn to use loginSchema and registerSchema in refine-shadcn. Import validation schemas, pass to zodResolver, and get typed form data for auth without custom Zod logic.
How to Customize the AuthLayout with a Logo and Background Image in refine-shadcnCustomize AuthLayout in refine-shadcn by adding a logo and background image. Easily personalize your authentication UI with this simple guide.
How to Make the Layout Responsive Across Different Screen Sizes in refine-shadcnLearn how to make your refine-shadcn layout responsive across all screen sizes. Discover CSS media queries, dynamic panels, and persistent sidebar collapse for a seamless user experience.
How to Use the Loading Component and Manage Loading States in refine-shadcnLearn how to use refine-shadcn Loading components to manage loading states effectively. Wire LoadingIcon or Loader to refine hooks like useTable for a better user experience.
How to Implement Bulk Delete with Table Selection and bulkDeleteAction in refine-shadcnLearn to implement bulk delete in refine-shadcn using table selection and bulkDeleteAction. This guide shows how to harness the power of TanStack Table and refine hooks for efficient data management.
How to Enable AutoSave in Forms Using refineCoreProps in Refine-ShadcnLearn how to enable autoSave in forms using refineCoreProps with Refine-Shadcn. Automatically persist form data and enhance user experience without manual saves.
How to Implement Table Filtering with Table.Filter.DateRangePicker in refine-shadcnImplement table filtering with Table.Filter.DateRangePicker in refine-shadcn. Use the filter prop on Table.Column to enable start and end date range selection with shadcn/ui and react-table.
How to Use Table.ShowAction, Table.EditAction, and Table.DeleteAction in refine-shadcnEffortlessly add permission-aware row actions like show edit and delete to your refine-shadcn tables. Learn to use Table.ShowAction Table.EditAction and Table.DeleteAction for seamless data management.
How to Customize the PageHeader with Title and Extra Content in refine-shadcnCustomize refine-shadcn PageHeader title and extra content using simple props. Inject custom React nodes for full control over headings and actions. Learn more now.
Have a question about this repo?
These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:
curl -s "https://instagit.com/install.md" 
Maintain an open-source project? Get it listed too →