Menu

Text

A component that displays text using the typography styles from Medusa's design system.

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

Text

Was this example helpful?

Usage#

Code
import { Text } from "@medusajs/ui"
Code
<Text>Text</Text>

API Reference#

Examples#

Text Sizes#

Base size

Large size

XLarge size

Was this example helpful?

Text Weights#

Regular weight

Plus weight

Was this example helpful?

Text Fonts#

Sans font

Mono font

Was this example helpful?

Text Leading#

Normal leading

Compact leading

Was this guide helpful?
Ask Bloom
For assistance in your development, use Claude Code Plugins or Docs MCP server in Cursor, VSCode, etc...FAQ
What is Medusa?
How can I create a module?
How can I create a data model?
How do I create a workflow?
How can I extend a data model in the Product Module?
Recipes
How do I build a marketplace with Medusa?
How do I build digital products with Medusa?
How do I build subscription-based purchases with Medusa?
What other recipes are available in the Medusa documentation?
Chat is cleared on refresh
Line break
⇧↵