Typography is a component for automatic and customizable styling of blank html content tags.


You can customize the default styles of this component inside tailwind.config.js setting theme.extend.xtendui.typography see css customization. Check xtendui/src/typography.css.js for default styles.

Global Styles

Add to the body the class xt-body to have this features:

  • Default font smooth with -webkit-font-smoothing: antialiased and -moz-osx-font-smoothing: grayscale. You can disable this feature with xt-optout-typography and keep others xt-body features.