feat: navigation

backend/uframe/keywords.py

@@ -20,7 +20,7 @@ from uframe.ir import (
     Gauge, Sparkline, Status, Table,
     Form, Field, Password, Radio, Checkbox, FormButton,
     Let, Source, IfBlock, ForLoop, CacheControl, OnSubmit, StateDecl,
-    BigTitle, ImageNode,
+    BigTitle, ImageNode, HNav, VNav,
     ComponentDef, ComponentUse,
 )
 from uframe.themes import BUILTIN_THEMES
@@ -120,6 +120,16 @@ register_keyword("columns", section="",
 # Big Text
 # ---------------------------------------------------------------------------
 
+register_keyword("hnav", node_class=HNav, section="Layout",
+    detail='hnav bar', snippet='hnav ${style:bar}\n  item "${label}" "${dest}" active',
+    highlight_values=["bar", "tabs", "pills", "breadcrumb", "underline"],
+    is_container=True)
+
+register_keyword("vnav", node_class=VNav, section="Layout",
+    detail='vnav list', snippet='vnav ${style:list}\n  item "${label}" "${dest}"',
+    highlight_values=["list", "boxed", "tree", "sidebar", "minimal"],
+    is_container=True)
+
 register_keyword("image", node_class=ImageNode, section="Content",
     detail='image "path.png" braille 30',
     snippet='image "${path}" ${mode:braille} ${width:30}',