Preview

Main Title

Subtitle Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

Italic Span TextSmall caption or note

Code

import { Text } from "@fefade/react" // ajuste se o import for diferente

export default function () {
  return (
    <div
      style={{
        maxWidth: "500px",
        margin: "1rem auto",
        display: "flex",
        flexDirection: "column",
        gap: "1rem"
      }}
    >
      <Text as="h1" style={{ color: "aqua" }}>
        Main Title
      </Text>

      <Text as="h2" style={{ fontWeight: "bold" }}>
        Subtitle Bold
      </Text>

      <Text as="p" lines={2}>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
        veniam, quis nostrud.
      </Text>

      <Text as="span" style={{ fontStyle: "italic", color: "purple" }}>
        Italic Span Text
      </Text>

      <Text as="small" style={{ color: "gray" }}>
        Small caption or note
      </Text>
    </div>
  )
}