Customizing Listgroup

Variables

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-listgroup-border-width		`1px`
Description Border width of the listgroup.
$kendo-listgroup-border-radius		`var( --kendo-border-radius-md, #{$kendo-border-radius-md} )`
Description Border radius of the listgroup.
$kendo-listgroup-font-size		`var( --kendo-font-size, inherit )`
Description Font size of the listgroup.
$kendo-listgroup-line-height		`var( --kendo-line-height, normal )`
Description Line height of the listgroup.
$kendo-listgroup-bg		`var( --kendo-component-bg, transparent )`
Description Background color of the listgroup component.
$kendo-listgroup-text		`var( --kendo-component-text, inherit )`
Description Text color of the listgroup component.
$kendo-listgroup-border		`var( --kendo-component-border, inherit )`
Description Border color of the listgroup component.
$kendo-listgroup-item-padding-x		`map.get( $kendo-spacing, 2 )`
Description Horizontal padding of the listgroup items.
$kendo-listgroup-item-padding-y		`map.get( $kendo-spacing, 2 )`
Description Vertical padding of the listgroup items.
$kendo-listgroup-item-border-width		`1px`
Description Border width of the listgroup item.