Sha256: 2e0957dd78739a06b2d64a843133b155785a8d077ca161d95ccb1c02527f0834

Contents?: true

Size: 607 Bytes

Versions: 1095

Compression:

Stored size: 607 Bytes

Contents

Optionally utilize `customDisplay` on the `Dropdown.Trigger` subcomponent to customize its content after an option is selected. The component passed to customDisplay will be rendered to the left of the default text-based display. In this example the Avatar kit is being used.

The `placeholder` prop can also be used to customize the placeholder text for the default `Dropdown.Trigger`. 

The `onSelect` prop returns the selected option as an object to be utilized by the dev. In this example we are using the `onSelect` to set a state with the selected option and using it to customize the `customDisplay`.

Version data entries

1,095 entries across 1,095 versions & 2 rubygems

Version Path
playbook_ui_docs-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md