@malga/typography

Instalação

Para instalar o pacote, utilize:

pnpm add @malga/typography

ou com Yarn:

yarn add @malga/typography

ou com npm:

npm install @malga/typography

Uso

Importe e utilize o componente dentro do seu projeto React:

import { Typography } from '@malga/typography'

function MyComponent() {
  return (
    <div>
      {/* Heading example */}
      <Typography variant="h1" color="brandMalGreen500">
        Welcome to Malga
      </Typography>

      {/* Body text example */}
      <Typography variant="body1" color="brandMalBlack500">
        This is a regular paragraph text using the body1 variant.
      </Typography>

      {/* Subtitle example */}
      <Typography variant="subtitle1" color="secondaryMalBlue500">
        This is a subtitle with a different color
      </Typography>

      {/* Using as a different HTML element */}
      <Typography variant="h2" component="h2" color="brandMalPink500">
        This will render as an h2 element
      </Typography>
    </div>
  )
}