Text

Usage

import { Text } from '@zalify-ui/react'

<Text>This is the text component</Text>

Examples

Sizes

Use the textStyle prop to change the size of the text.

Weights

Use the fontWeight prop to change the weight of the text.

Truncation

Use the truncate prop to truncate the text after a single line.

Line Clamp

Use the lineClamp prop to truncate the text after a certain number of lines.

Ref

Here's how to access the underlying element reference

'use client'
import { useRef } from 'react'
import { Text } from '@zalify-ui/react'

export const App = () => {
  const ref = useRef<HTMLParagraphElement>(null)
  return <Text ref={ref}>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
}

Props