Skip to main content

Caption

The Caption component is used for secondary, supporting text that is smaller than the body text.

Usage

<Caption value="Last updated: 5 mins ago" />

Props

value
string
required
The text content.
color
string
default:"secondary"
Text color. Defaults to secondary (muted) text color.
align
string
default:"left"
Text alignment: left, center, right.

Examples

Image Caption

<Card>
  <Image src="/photo.jpg" />
  <Caption value="Photo by John Doe" align="center" />
</Card>