diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 54d587f1d..058eb77d5 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -43,7 +43,7 @@ export default createComponent({
onClick={this.onClick}
>
- {this.title}
+ {this.slots('title') ?? this.title}
+`;
diff --git a/src/sidebar/test/index.spec.js b/src/sidebar/test/index.spec.js
index a3e533410..966eb72d0 100644
--- a/src/sidebar/test/index.spec.js
+++ b/src/sidebar/test/index.spec.js
@@ -76,3 +76,22 @@ test('without parent', () => {
expect(err).toBeTruthy();
}
});
+
+test('title slot', () => {
+ const wrapper = mount({
+ template: `
+
+
+ Title Slot
+
+
+ `,
+ data() {
+ return {
+ active: 0,
+ };
+ },
+ });
+
+ expect(wrapper).toMatchSnapshot();
+});