Components

Component

TypographyContent

Readable content primitives for text, article regions, and stable media frames.

ReactReact Native3 props
PreviewReact

Typography content

Text, Article, and AspectRatio keep readable documentation surfaces aligned to the HODS token system.

Imports

import { Text, Article, AspectRatio } from "@hozorica/hods-react";
import { Text, Article, AspectRatio } from "@hozorica/hods-react-native";

Props

PropTypeDescription
textStyleTextStyleTokenComplete typography style binding.
langstringArticle language hint for content wrapping policy.
rationumberAspectRatio media frame ratio.

Platform Support

React

Combines semantic text styles, article wrapping policy, and aspect-ratio media frames.

React Native

Provides matching text and article concepts with native text and view primitives.

Usage

<Article lang="ko-KR"><Text textStyle="articleBody">문서 콘텐츠</Text></Article>

Notes

  • Prefer textStyle over manual font-size and line-height combinations.
  • Use Article for long-form docs, release notes, and Korean content.
  • Use AspectRatio to keep preview media from shifting layout.