[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseColumnPickerDropdown](./x-components.basecolumnpickerdropdown.md) ## BaseColumnPickerDropdown variable Column picker dropdown component renders [BaseDropdown](./x-components.basedropdown.md) component which options are the different columns you can set for a grid. It emits [XEventsTypes.UserClickedColumnPicker](./x-components.xeventstypes.userclickedcolumnpicker.md) on dropdown input. **Signature:** ```typescript _default: import("vue").DefineComponent; required: true; }; modelValue: NumberConstructor; animation: PropType; }>, { emitEvents: (column: number) => void; hasToggleSlot: boolean; selectedColumns: import("vue").Ref; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly; required: true; }; modelValue: NumberConstructor; animation: PropType; }>> & Readonly<{ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; }>, {}, {}, { BaseDropdown: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```