New to Kendo UI for Angular? Start a free 30-day trial
TypographyDirective
Updated on Oct 31, 2025
Represents the Kendo UI Typography directive for Angular. Use this directive to represent element types in a uniform way by relying on the predefined Kendo theme classes.
html
<div kendoTypography variant="k-h1"></div>
Selector
[kendoTypography]
Export Name
Accessible in templates as #kendoTypographyInstance="kendoTypography"
Inputs
| Name | Type | Default | Description | 
|---|---|---|---|
fontSize | 
 | 
 Sets the element   | |
fontWeight | 
 | 
 Sets the element   | |
textAlign | 
 | 
 Sets the element   | |
textTransform | 
 | 
 Sets the element   | |
themeColor | 
 | 
 Applies the   | |
variant | 
 | 
 Specifies the element   |