e8-dropdown-divider
Updated on Sep 18, 2025 2 minutes to readA simple divider component used to visually separate items inside an e8-dropdown menu.
Overview
e8-dropdown-divider adds a clear horizontal line between dropdown items, helping group related actions or sections within a menu.
By default, it renders an <hr> element but can be customized with another tag using the tag property.
This component is purely visual — it does not emit any events or provide interactivity.
<!-- Basic usage inside dropdown -->
<e8-dropdown text="User Menu">
<e8-dropdown-item>Profile</e8-dropdown-item>
<e8-dropdown-item>Settings</e8-dropdown-item>
<e8-dropdown-divider></e8-dropdown-divider>
<e8-dropdown-item>Logout</e8-dropdown-item>
</e8-dropdown>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| tag | Defines the HTML tag used for the divider element. | string | 'hr' |