Menu
  • Get Started
  • Product
  • Resources
  • Tools & SDKs
  • Framework
  • Reference

Text

Displays basic text.

Text

Was this example helpful?

Usage#

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

API Reference#

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

PropTypeDefault
asChild
boolean
false
as
"p"
|"span"
|"div"
"p"
size
"xsmall"
|"small"
|"base"
|"large"
|"xlarge"
"base"
weight
"regular"
|"plus"
"regular"
family
"sans"
|"mono"
"sans"
leading
"normal"
|"compact"
"normal"
Was this helpful?

Examples#

All variations#

Base Size, Regular Weight, Sans-Serif

Base Size, Plus Weight, Sans-Serif

Large Size, Regular Weight, Sans-Serif

Large Size, Plus Weight, Sans-Serif

XLarge Size, Regular Weight, Sans-Serif

XLarge Size, Plus Weight, Sans-Serif

Base Size, Regular Weight, Mono

Large Size, Regular Weight, Mono

Large Size, Plus Weight, Mono

XLarge Size, Regular Weight, Mono

XLarge Size, Plus Weight, Mono

Was this example helpful?