React components - Context7 MCP

Define the component with an ESM export, then use it in the page.

Usage

export const Status = ({ children }) => (
  <Badge color="green">{children}</Badge>
)

The API is <Status>ready</Status>.

Keep custom components small. Use a shared MDX or JSX snippet when several pages need the same component.

Example

The API is .