---
path: components/dropdownlist/code
title: Styles
position: 3
seo_title: Configuring the Appearance of the DropDownList Component
seo_description: Gain full control over the appearance of the Telerik and Kendo
  UI DropDownList component by utilizing the Sass variables that configure its
  styling.
---

## Sass Variables 

The Telerik and Kendo UI DropDownList is a composite UI component that consists of Picker and List elements and a Popup component. To configure and customize the appearance of the DropDownList, modify the [Picker](#picker-variables) and [List](#list-variables) Sass variables, as well as the Sass variables provided by the [Popup](/components/popup/styles/) component.

### Picker Variables
<VariablesList data='{"theme": "default", "group":"picker"}'></VariablesList>

### List Variables
<VariablesList data='{"theme": "default", "group":"list"}'></VariablesList>