KaiOS navigation with React Hooks Sample in 2020

KaiOS navigation with React Hooks Sample in 2020

tutorials -


KaiOS navigation with React Hooks.


yarn add use-navigation

# or

npm i use-navigation


import React from 'react';
import useNavigation from 'use-navigation';

const App = () => {
  const [currentIndex, selectPrevious, selectNext] = useNavigation();

  return (

      <div nav-selectable="true">A</div>
      <div nav-selectable="true">B</div>
      <div>Not selectable - Advertising for example</div>
      <div nav-selectable="true">C</div>
      <div nav-selectable="true">D</div>
      <div nav-selectable="true">E</div>
      <div nav-selectable="true">F</div>

export default App;

In your css file, you can apply a different style for the current item.
Make this for see the exemplo above

div[nav-selected='true'] {
  background-color: black;
  color: white;


Trending On Tutorial Stuff

Our Sponsors

Top Applications in Tutorial Stuff

Top Experts In Tutorial Stuff