Sidebar: custom or predefined close button position

[akhalaiav]

Describe the feature you would like to see added

In existing functionality, we can only show or hide the close button.

Documentation https://primeng.org/sidebar#api.sidebar .

show:

hide:

but in my case, I would like to have the custom close button outside of the sidebar.

like :

or

Is it possible to implement this functionality?

Is your feature request related to a problem?

No response

Describe the solution you'd like

Will be better when we have something like that:

<p-sidebar closeButtonPosition="outside">
    ...
</p-sidebar>

Describe alternatives you have considered

We can hide the close button and create some manual close button with styles, but I think it is not a good idea.

Additional context

Current:
PrimeNg Version - 16.3.1
Node 18

Environment
Latest Angular and Primeng version

[akhalaiav]

it can be implemented like

<p-sidebar>
      <p-button
          (onClick)="onHide()"
          [outlined]="true"
          [rounded]="true"
          [style]="{top: '20px', left: '20%' }"
          ariaLabel="Outlined Close Button"
          class="hidden md:block"
          icon="pi pi-times font-bold"
          styleClass="fixed text-white border-2 focus:shadow-none font-normal"
      ></p-button>
</p-sidebar>

[mehmetcetin01140]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,