Contents

The `customDisplay` prop can be used to customize the display of the selected item by allowing devs to pass in a component that 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 Trigger. 

The `onSelect` prop is a function that gives the dev one argument: the selected option. 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

2 entries across 2 versions & 2 rubygems

Version	Path
playbook_ui_docs-13.25.0.pre.alpha.PBNTR272Dropdownkitv42769	app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
playbook_ui-13.25.0.pre.alpha.PBNTR272Dropdownkitv42769	app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md