Sha256: 2e0957dd78739a06b2d64a843133b155785a8d077ca161d95ccb1c02527f0834

Contents?: true

Size: 607 Bytes

Versions: 759

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

759 entries across 759 versions & 2 rubygems

Version Path
playbook_ui_docs-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.8.0.pre.alpha.play1648heightglobalprops4606 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4606 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.9.0.pre.rc.4 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.9.0.pre.rc.4 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.9.0.pre.rc.3 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.9.0.pre.rc.3 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui_docs-14.9.0.pre.rc.2 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-14.9.0.pre.rc.2 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md