Text

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

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

<>
  <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>
</>

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

<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>