Text is used to render text and paragraphs within an interface. It renders a <p> element by default.

Anatomy

Import the component.

import { Text } from "@rafty/ui";

<Text />;

Usage

Text takes tailwind css classes in className and inline css can also be passed using style prop.

<Text className="text-lg text-black dark:text-white">
  In love with React & Next
</Text>