Command

A component that renders an unhighlighted code block, useful for one-liners or API routes.

In this guide, you'll learn how to use the Command component.

Usage#

import { Command } from "@medusajs/ui"

<Command>
  <code>yarn add @medusajs/ui</code>
</Command>

API Reference#

This component is based on the div element and supports all of its props

Usage Outside Medusa Admin#

If you're using the Command component in a project other than the Medusa Admin, make sure to include the TooltipProvider somewhere up in your component tree, as the Command.Copy component uses a Tooltip:

<TooltipProvider>
  <Command>
    <code>yarn add @medusajs/ui</code>
    <Command.Copy
      content="yarn add @medusajs/ui"
      className="ml-auto"
    />
  </Command>
</TooltipProvider>