Preset Tipografie

Furnizează un set de clase de proză pe care le puteți utiliza pentru a adăuga valori implicite tipografice la HTML simplu.

Codul Sursă

Instalare

pnpm

pnpm add -D @unocss/preset-typography

yarn

yarn add -D @unocss/preset-typography

npm

npm install -D @unocss/preset-typography

bun

bun add -D @unocss/preset-typography

TIP

Acest preset este inclus în pachetul unocss, îl puteți importa și de acolo:

import { presetTypography } de la 'unocss'

Utilizare

import {
  defineConfig,
  presetAttributify,
  presetTypography,
  presetWind3
} de la 'unocss'

export default defineConfig({
  presets: [
    presetAttributify(), // necesar când utilizați modul attributify
    presetWind3(), // necesar
    presetTypography(),
  ],
})

Clase

<article class="text-base prose prose-truegray xl:text-xl">
  {{ markdown }}
  <p class="not-prose">Some text</p>
</article>

Atribute

<article text-base prose prose-truegray xl="text-xl">
  {{ markdown }}
  <p class="not-prose">Some text</p>
</article>