diff --git a/frontend/components/organisms/BottomNavigator.vue b/frontend/components/organisms/BottomNavigator.vue
new file mode 100644
index 00000000..096f4c46
--- /dev/null
+++ b/frontend/components/organisms/BottomNavigator.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+ Prev
+ mdi-chevron-left
+
+
+ ctrl + ←
+
+
+
+ Done
+ mdi-check
+
+
+
+ Guideline
+ mdi-format-color-text
+
+
+
+
+
+ Next
+ mdi-chevron-right
+
+
+ ctrl + →
+
+
+
diff --git a/frontend/pages/projects/_id/annotation/index.vue b/frontend/pages/projects/_id/annotation/index.vue
index 65cba794..8327dfa1 100644
--- a/frontend/pages/projects/_id/annotation/index.vue
+++ b/frontend/pages/projects/_id/annotation/index.vue
@@ -13,6 +13,7 @@
+
@@ -34,11 +35,13 @@ import EntityItemBox from '~/components/containers/EntityItemBox'
import Paginator from '~/components/containers/Paginator'
import GuidelineButton from '@/components/containers/GuidelineButton'
import MetadataBox from '@/components/organisms/MetadataBox'
+import BottomNavigator from '@/components/organisms/BottomNavigator'
export default {
layout: 'annotation',
components: {
+ BottomNavigator,
EntityItemBox,
Paginator,
GuidelineButton,