Text

Displays basic text.

Text

Was this example helpful?

Usage#

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

Code
<Text>Text</Text>

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

Prop	Type	Default
`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?

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?