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>