Text

Native, Parley-shaped text with size, weight, colour and selection.

TextProps packages/core/src/components/text.ts:13 ↗

Import

import { Text } from "@tarve/core";

Usage

Text.tsx

import { Column, Text, theme } from "@tarve/core";

<Column gap={4}>
  <Text size={28} weight={700}>Native text</Text>
  <Text color={theme.colors.mutedForeground}>Shaped by Parley, painted by Vello or D3D11.</Text>
  <Text size={13} style={{ textShadow: { x: 0, y: 1, blur: 2, color: "#00000044" } }}>With a text shadow</Text>
</Column>

Props

Prop	Type	Default
`children`	`Child`	—
`color`	`string`	—
`size`	`number`	—
`style`	`IntrinsicStyle`	—
`weight`	`number`	—

Common props

Shared by every component. See descriptions →

highlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroup