Typography

About

Touchpoint provides two typography elements for consistent styling and theme integration:

  • BaseText — primary text

  • SmallText — secondary/supporting text

BaseText props

  • faded?: boolean

  • className?: string

SmallText props

  • className?: string

Example

const ProductDetails = ({ data }) => html`
  <CustomCard>
    <CustomCardRow
      left=${html`<BaseText>${data.PrimaryInformation}</BaseText>`}
      right=${html`<SmallText>${data.SecondaryInformation}</SmallText>`}
    />
  </CustomCard>
`;

Related

Last updated