criollo/src/admin/README.md

Admin Customizations

You can extend the Medusa Admin to add widgets and new pages. Your customizations interact with API routes to provide merchants with custom functionalities.

Example: Create a Widget

A widget is a React component that can be injected into an existing page in the admin dashboard.

For example, create the file src/admin/widgets/product-widget.tsx with the following content:

import { defineWidgetConfig } from '@medusajs/admin-sdk';

// The widget
const ProductWidget = () => {
  return (
    <div>
      <h2>Product Widget</h2>
    </div>
  );
};

// The widget's configurations
export const config = defineWidgetConfig({
  zone: 'product.details.after',
});

export default ProductWidget;

This inserts a widget with the text “Product Widget” at the end of a product’s details page.