Skip to main content

Font sizes

Fower provides a set of preset Font sizes values.

const config = {
  theme: {
    fontSizes: {
      xs: 12,
      sm: 14,
      base: 16,
      lg: 18,
      xl: 20,
      '2xl': 24,
      '3xl': 30,
      '4xl': 36,
      '5xl': 48,
      '6xl': 60,
      '7xl': 72,
      '8xl': 96,
      '9xl': 128,
    },
  },
}

Customize Font size​

You can customize Font size with setTheme:

setTheme({
  fontSizes: {
    body: 14,
  },
})

Then you can use it as textBody:

Result
Loading...
Live Editor