Typography

import { Typography } from "anolis-ui";

export type TypographyVariant = never;
export type TypographySize = never;

export interface TypographyThemeProps extends PseudoProp {
  _h1?: PseudoProp;
  _h2?: PseudoProp;
  _h3?: PseudoProp;
  _h4?: PseudoProp;
  _h5?: PseudoProp;
  _h6?: PseudoProp;
  _p?: PseudoProp;
  _lead?: PseudoProp;
}

Basic

Because all app is wrapped by AnolisProvider, you can use just x.components.

<x.p>Paragraph</x.p>

Variants

<x.div>
  <x.h1>Heading 1</x.h1>
  <x.h2>Heading 2</x.h2>
  <x.h3>Heading 3</x.h3>
  <x.h4>Heading 4</x.h4>
  <x.h5>Heading 5</x.h5>
  <x.h6>Heading 6</x.h6>
  <x.p>Paragraph</x.p>
</x.div>

Txt component

You can also use Txt component, which has t prop to set type of Typography. Also Lead variant can be set by using Txt component.

<Txt t="lead">Lead/perex paragraph</Txt>