DrawerItemTagHelper
Example
Razor
<drawer-item>
<drawer-item-template></drawer-item-template>
<drawer-items></drawer-items>
<mini-template></mini-template>
</drawer-item>
ChildTags
| Tag Name | Details |
|---|---|
| drawer-item-template | TemplateTagHelper |
| drawer-items | DrawerItemNestedItemsTagHelper |
| mini-template | TemplateTagHelper |
Attributes
| Attribute | Type | Description |
|---|---|---|
| css-class | String | Defines the class names of the generated item element. |
| enabled | Boolean | Toggles the enabled state of the item. |
| expanded | Boolean | Toggles the initial expanded state of the item. When set to true, the item starts expanded and its child items are visible. Clicking a parent item toggles expand and collapse regardless of this setting. |
| icon | String | Defines the name for an existing icon in a Kendo UI theme.See web font icons help article for more details on Kendo UI icons. |
| mini-template-handler | String | Sets a custom template function for the item in mini mode. The implemented items surface supports function values only. The function must return the item markup used while the Drawer is collapsed in mini mode. If mini.template is configured, it takes precedence over items.miniTemplate. This option expects the name of a JavaScript function that will be called to return the template. |
| selected | Boolean | Toggles the selected state of the item. |
| separator | Boolean | Defines a separator item. When set to true, the Drawer renders a separator instead of a clickable item. |
| template-handler | String | Sets a custom template function for the item. The implemented items surface supports function values only. The function must return the item markup. If the top-level template option is configured, it takes precedence over items and per-item templates are not used. This option expects the name of a JavaScript function that will be called to return the template. |
| text | String | Defines the text of the item. If not set, the generated item renders no text. |