Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(p-multiselect): add template to customize the dropdown #15853

Closed
wants to merge 0 commits into from

Conversation

sandrotonon
Copy link
Contributor

@sandrotonon sandrotonon commented Jun 17, 2024

See discussion #2157

Usage

If provided, the dropdown template replaces the whole input component. Clicking the template content triggers the visibility of the multiselect-overlaypanel. It also maintains full keyboard-control.

Example Code

<p-multiselect
  [options]="countries"
  [(ngModel)]="selectedCountries"
  placeholder="Select Countries"
  optionLabel="name">
    <ng-template let-value pTemplate="dropdown">
        <p-button icon="pi pi-flag-fill" severity="secondary"></p-button>
    </ng-template>
</p-multiselect>

Outcome

preview

Copy link

vercel bot commented Jun 17, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment
Name Status Preview Comments Updated (UTC)
primeng ⬜️ Ignored (Inspect) Visit Preview Jun 17, 2024 1:37pm

@cetincakiroglu cetincakiroglu added the Status: Pending Review Issue or pull request is being reviewed by Core Team label Jun 27, 2024
@mertsincan mertsincan added the Resolution: Needs Issue An issue needs to be created for the pull request label Nov 18, 2024
@mertsincan
Copy link
Member

Thanks a lot for your contribution! Could you please update your PR and create an issue? Thank you!

@mertsincan mertsincan removed the Status: Pending Review Issue or pull request is being reviewed by Core Team label Nov 18, 2024
@sandrotonon
Copy link
Contributor Author

Since the PR was not able to merge automatically, I decided to close it. Maybe I will reopen a new PR, if I manage to find some time.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Resolution: Needs Issue An issue needs to be created for the pull request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants