primitives/@yashiel/mihcm-ui·v0.1.0·stable

Text

Type primitive. Type scale, weight, and tone — semantic tokens only.

Default

import { Text } from '@yashiel/mihcm-ui/Text';
 
<Text>The quick brown fox jumps over the lazy dog.</Text>

Headline

<Text size="4xl" weight="bold">
  Universal primitives, one prop API.
</Text>

Body + caption

<>
  <Text size="lg">
    Tailwind CSS 4 tokens, NativeWind v4 mirroring on iOS and Android.
  </Text>
  <Text size="xs" tone="muted">
    Same source, web and native.
  </Text>
</>

Status message

<Text tone="destructive" size="sm">
  Couldn't save — please try again.
</Text>
 
<Text tone="success" size="sm">
  Settings updated.
</Text>

Prose composition

<article className="max-w-prose">
  <Text size="3xl" weight="bold">
    Type scale matters
  </Text>
  <Text size="base" tone="muted">
    A consistent ramp keeps the page reading as one document instead of a
    collage of arbitrary sizes.
  </Text>
</article>