Text displays a text container used to display text and easily style it.
Import
import { Text } from "@prismane/core";
Usage
By default, Text displays a span element.
<Text>This is a text</Text>
Style Text
<Text fs="xl" cl="ruby" fw="bold"> This is a text </Text>
Versatile Component
<Flex direction="column"> <Text as="h1">This is a text</Text> <Text as="h2">This is a text</Text> <Text as="h3">This is a text</Text> <Text as="p">This is a text</Text> </Flex>
API
Please refer to the documentation below for a comprehensive overview of all the available props and classes for the mentioned components.
- -
Text