VText

Displays text. Maps to UILabel on iOS and TextView on Android.

Usage

<VText :style="{ fontSize: 16, color: '#333', fontWeight: '600' }">
  Hello, world!
</VText>

Props

Prop	Type	Default	Description
`style`	`StyleProp`	—	Text + layout styles
`numberOfLines`	`number`	`0` (unlimited)	Truncate after N lines

Text styles

Property	Type	Description
`fontSize`	`number`	Font size in points
`fontWeight`	`'normal'` \| `'bold'` \| `'100'`–`'900'`	Font weight
`fontStyle`	`'normal'` \| `'italic'`	Font style
`color`	`string`	Text color
`textAlign`	`'left'` \| `'center'` \| `'right'`	Horizontal alignment
`lineHeight`	`number`	Line height
`letterSpacing`	`number`	Letter spacing
`textDecorationLine`	`'underline'` \| `'line-through'` \| `'none'`	Text decoration

Example

<VView :style="{ gap: 8 }">
  <VText :style="{ fontSize: 24, fontWeight: 'bold' }">Title</VText>
  <VText :style="{ fontSize: 14, color: '#666' }" :numberOfLines="2">
    This is a subtitle that may span multiple lines but will be
    truncated after two lines with an ellipsis.
  </VText>
</VView>