Adding element/icon to title

[mehmetpekcan]

Hey, I was looking for adding an icon to my panel title, and I realized that it is already possible to add icons to panel.title even if its type is string | undefined. I was just thinking if it is best way to add icon to title.

event.api.addPanel({
  id: 'panel_1',
  component: 'panel_1',
  title: (
    <div>
      <AnyIcon />
      Test
    </div>
  ), 
});

I also use localStorage to keep user preferences, and it causes rendering problem

[techbech]

Didn't even know that was possible. I think the intended architecture would suggest to use custom tab title components for such things as described here https://dockview.dev/docs/components/dockview#custom-tab-title. At least what I'm doing 🙂

[mathuo]

There are currently two ways to alter the behaviour of the header tabs. You can provide an alternative default template which will be used instead of the provided one or you can provide a template per panel when adding those panels.

Both examples can be found here:
https://dockview.dev/docs/next/components/dockview#custom-tab-headers

Does this help for your case?

[mehmetpekcan]

Yes, it definitely worked! I read the docs more than 10 times, but still it is a little bit confusing for me to understand some of them without digging. Thanks in advance @techbech @mathuo