KendoReact

React Typography

  • Ensure that styles are consistent across your entire app by setting fonts, colors, sizes, margins, and more for CSS classes on the application level.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.

Overview 

Ensuring text styling is consistent with your design system app-wide is easy with the React Typography component! With its help, you get full control over what text styles and rules should be enforced throughout your entire project, from a single source of truth. This component gives you confidence in the ability to apply consistency in look-and-feel across your entire React application. The KendoReact Typography component brings a ready-to-use typographic scale (type scale) that matches the existing Kendo UI themes and can be used by other KendoReact components, for example the React Editor. 

See the React Typography demo 

React Typography Component

Appearance 

You can configure the KendoReact Typography component’s appearance in various ways, including selecting font size, weight and case, setting predefined values for text alignment, changing the theme colors and controlling the margins. These appearance options are available within any KendoReact theme and can also be customized to fit any requirements. 

See the React Typography Appearance demo

React Typography Component Appearance

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.