Skip to content

Commit d89ef5f

Browse files
authored
Update knowledge-base/dropdownbutton-add-separator-between-items.md
1 parent 8f8a61c commit d89ef5f

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
@@ -27,7 +27,7 @@ I want to visually separate the items in a [DropDownButton](slug:dropdownbutton-
2727

2828
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.
2929

30-
The specific is that the content you declare in the DropDownButtonItem will be rendered inside the <span class="k-menu-link-text"> which is narrower and thus your custom separator will not cover the whole width of the popup. This article demonstrates how to achieve a similar effect by utilizing custom styling.
30+
The specific is that the content you declare in the DropDownButtonItem will be rendered inside the `<span class="k-menu-link-text">` which is narrower and thus your custom separator will not cover the whole width of the popup. This article demonstrates how to add a separator by utilizing custom styling.
3131

3232
To create a visual separator between items in a DropDownButton, apply a custom class to the item that precedes the separator and style its bottom border. This approach allows you to simulate a separator without the need for a dedicated separator item. The custom class can be applied directly in the item declarations in your Blazor component.
3333

0 commit comments

Comments
 (0)