Skip to main content

Elements

All common UI elements are located in the components/elements/ folder.

Folder Structure​

components/
└── elements/
    ├── Heading.tsx
    └── Text.tsx

Elements​

Heading​

Import path: components/elements/Heading

A heading component for rendering headings with various priorities and styles.

Props​

  • priority: "1" | "2" | "3" | "4" | "5" | "6" — heading level (h1–h6).
  • variant: "sm" | "md" | "lg" — size variant.

Example​

import { Heading } from "components/elements/Heading";

<Heading priority="4" variant="lg" >
  Memoir
</Heading>

Text​

Import path: components/elements/Text

A text component for rendering paragraph or inline text.

Props​

  • size: "xs" | "sm" | "md" | "lg" — text size.
  • weight?: "normal" | "medium" | "bold" — font weight (optional).
  • color?: string — text color class (optional).

Example​

import { Text } from "components/elements/Text";

<Text size="xs">
  Your text here.
</Text>