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

The Telerik and Kendo UI DropDownButton is a composite UI component that consists of button and drop-down menu elements and a Popup component. To configure and customize its appearance, use not only its dedicated Sass variables but also the [Menu](#menu-variables) Sass variables, as well as the Sass variables provided by the [Popup](/components/popup/styles) and [Button](/components/button/styles) components.

### DropDownButton Variables

<VariablesList data='{"theme":"default","group":"menu-button"}'></VariablesList>

### Menu Variables

<VariablesList data='{"theme":"default","group":"menu"}'></VariablesList>