• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

TypographyDirective

Represents the Kendo UI Typography directive for Angular. Used to represent element types in a uniform way by relying on the predefined Kendo theme classes.

<div kendoTypography variant="k-h1"></div>

Selector

[kendoTypography]

Export Name

Accessible in templates as #kendoTypographyInstance="kendoTypography"

Inputs

NameTypeDefaultDescription

fontSize

TypographyFontSize

Sets the element font-size style.

fontWeight

TypographyFontWeight

Sets the element font-weight style.

margin

TypographyMargin

Applies the margin sizes to the element.

textAlign

TypographyTextAlign

Sets the element text-align style.

textTransform

TypographyTextTransform

Sets the element text-transform style.

themeColor

TypographyThemeColor

Applies the theme color to the element.

variant

TypographyVariant

Specifies the element variant class that will be applied.

In this article

Not finding the help you need?