useTypography

useTypography() è il composable di controllo delle proprietà del testo per i pannelli di modifica del testo.

Espone:

• famiglia di font
• peso del font
• dimensione del font
• stato della formattazione
• stato dei font mancanti
• helper per cambiare famiglia, peso, allineamento e decorazioni

Utilizzo

import { useTypography } from '@open-pencil/vue'

const typography = useTypography()

Esempio base

const {
  fontFamily,
  fontWeight,
  fontSize,
  activeFormatting,
  setFamily,
  setWeight,
  setAlign,
} = useTypography()

Esempi pratici

Carica e cambia una famiglia di font

const typography = useTypography({
  loadFont: async (family, style) => {
    await myFontLoader(family, style)
  },
})

Attiva/disattiva la formattazione

typography.toggleBold()
typography.toggleItalic()
typography.toggleDecoration('UNDERLINE')

API correlate

• useTextEdit
• useSelectionState