React components

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 ready.