[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: Vue.DefineComponent<{ columns: { type: Vue.PropType; required: true; }; modelValue: NumberConstructor; animation: Vue.PropType; }, { emitEvents: (column: number) => void; hasToggleSlot: boolean; selectedColumns: Vue.Ref; }, unknown, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", Vue.PublicProps, Readonly; required: true; }; modelValue: NumberConstructor; animation: Vue.PropType; }>> & { "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; }, {}, {}> ```