---
title: dropdown_header Plugin
description: API Reference for dropdown_header Plugin
---
# API Documentation for dropdown_header Plugin
<a name="options"></a>

## options : <code>Object</code>
Available options for dropdown_header plugin

**Kind**: global typedef  
**Author**: [Brian Reavis](https://github.com/brianreavis)  

| Param | Type | Default | Description |
| --- | --- | --- | --- |
| [title] | <code>string</code> | <code>&quot;Untitled&quot;</code> | Title of dropdown_header |
| [headerClass] | <code>string</code> | <code>&quot;selectize-dropdown-header&quot;</code> | Class of dropdown_header |
| [titleRowClass] | <code>string</code> | <code>&quot;selectize-dropdown-header-title&quot;</code> | Class for title row |
| [labelClass] | <code>string</code> | <code>&quot;selectize-dropdown-header-label&quot;</code> | Class for label |
| [closeClass] | <code>string</code> | <code>&quot;selectize-dropdown-header-close&quot;</code> | Class for dropdown_header close button |
| [html] | <code>function</code> |  | Method for custom rendering of dropdown_header |

**Example**  
```js
$('select').selectize({
 plugins: [
   {
     dropdown_header: {
       title: 'Custom title',
       headerClass: 'custom-header-class',
       labelClass: 'custom-label-class',
       closeClass: 'custom-close-class',
       html: (data) => {
         // data contain all options values
         return (
           `<a class="${data.labelClass}" title="${data.title}">${data.title}</a>`;
       }
    }
  }
 ]
});
```
