[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseKeyboardNavigation](./x-components.basekeyboardnavigation.md) ## BaseKeyboardNavigation variable Base component to handle keyboard navigation for elements inside it. It has a required slot to include the navigable elements. **Signature:** ```typescript _default: import("vue").DefineComponent; default: () => { xEvent: string; moduleName: string; direction: string; }[]; }; eventsForDirectionLimit: { type: PropType>; default: () => { ArrowUp: string; }; }; }>, { el: import("vue").Ref; focusNextNavigableElement: (direction: ArrowKey | KeyboardEvent) => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; default: () => { xEvent: string; moduleName: string; direction: string; }[]; }; eventsForDirectionLimit: { type: PropType>; default: () => { ArrowUp: string; }; }; }>> & Readonly<{}>, { navigationHijacker: TakeNavigationControl[]; eventsForDirectionLimit: Partial; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ``` ## Remarks The component can be customized through props: an array of navigationHijacker objects, which contains: the xEvent to listen to, the moduleName in charge of emitting the event and to which direction it should react to; to take control of the navigation and eventsForDirectionLimit, to emit an xEvent when reaching the navigation limit in any direction.