Skip to content

Commit 0bc8320

Browse files
authored
Update knowledge-base/dropdownbutton-add-separator-between-items.md
1 parent 9238605 commit 0bc8320

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

knowledge-base/dropdownbutton-add-separator-between-items.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ I want to visually separate the items in a [DropDownButton](slug:dropdownbutton-
2525

2626
## Solution
2727

28-
The DropDownButton does not have a concept for a "separator" item (similar to the [ContextMenu](slug:contextmenu-data-binding-overview), for example). However, the DropDownButton uses a declarative approach for its items, so you can add any desired item.
28+
The DropDownButton uses a declarative approach for its items, so you can add any desired item. This component does not have a concept for a "separator" item (similar to the [ContextMenu](slug:contextmenu-data-binding-overview), for example) but you can use a custom approach to create a separator.
2929

3030
The content of the DropDownButtonItem is rendered inside a `<span class="k-menu-link-text">` element, which is narrower than the popup. Thus, a border inside the dropdown item content cannot span over the whole width of the popup. This article demonstrates how to add a separator by setting a CSS class on the whole item and using custom styling.
3131

0 commit comments

Comments
 (0)