New to Kendo UI for Angular? Start a free 30-day trial
Customizing Treeview
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-treeview-font-family | Null | null | null |
Description
Font family of the treeview component. | |||
$kendo-treeview-sizes | Map | (
sm: (
font-size: $kendo-font-size-sm,
line-height: $kendo-line-height-sm,
filter-padding-x: k-map-get( $kendo-spacing, 1 ),
filter-padding-y: k-map-get( $kendo-spacing, 1 ),
indent: k-map-get( $kendo-spacing, 4 ),
icon-spacing: k-map-get( $kendo-spacing, 1 ),
checkbox-spacing: k-map-get( $kendo-spacing, 1 ),
item-padding-x: k-map-get( $kendo-spacing, 2 ),
item-padding-y: k-map-get( $kendo-spacing, 1 ),
item-border-radius: k-map-get( $kendo-spacing, 0.5 )
),
md: (
font-size: $kendo-font-size-md,
line-height: $kendo-line-height-md,
filter-padding-x: k-map-get( $kendo-spacing, 2 ),
filter-padding-y: k-map-get( $kendo-spacing, 2 ),
indent: k-map-get( $kendo-spacing, 4 ),
icon-spacing: k-map-get( $kendo-spacing, 1 ),
checkbox-spacing: k-map-get( $kendo-spacing, 1 ),
item-padding-x: k-map-get( $kendo-spacing, 2.5 ),
item-padding-y: k-map-get( $kendo-spacing, 1.5 ),
item-border-radius: k-map-get( $kendo-spacing, 1 )
),
lg: (
font-size: $kendo-font-size-lg,
line-height: $kendo-line-height-lg,
filter-padding-x: k-map-get( $kendo-spacing, 3 ),
filter-padding-y: k-map-get( $kendo-spacing, 3 ),
indent: k-map-get( $kendo-spacing, 4 ),
icon-spacing: k-map-get( $kendo-spacing, 1 ),
checkbox-spacing: k-map-get( $kendo-spacing, 1 ),
item-padding-x: k-map-get( $kendo-spacing, 3 ),
item-padding-y: k-map-get( $kendo-spacing, 2 ),
item-border-radius: k-map-get( $kendo-spacing, 2 )
)
) | (sm: (font-size: 0.875rem, line-height: 1.25, filter-padding-x: 0.25rem, filter-padding-y: 0.25rem, indent: 1rem, icon-spacing: 0.25rem, checkbox-spacing: 0.25rem, item-padding-x: 0.5rem, item-padding-y: 0.25rem, item-border-radius: 0.125rem), md: (font-size: 1rem, line-height: 1.5, filter-padding-x: 0.5rem, filter-padding-y: 0.5rem, indent: 1rem, icon-spacing: 0.25rem, checkbox-spacing: 0.25rem, item-padding-x: 0.625rem, item-padding-y: 0.375rem, item-border-radius: 0.25rem), lg: (font-size: 1.25rem, line-height: 1.75, filter-padding-x: 0.75rem, filter-padding-y: 0.75rem, indent: 1rem, icon-spacing: 0.25rem, checkbox-spacing: 0.25rem, item-padding-x: 0.75rem, item-padding-y: 0.5rem, item-border-radius: 0.5rem)) |
Description
The sizes of the treeview. |