Skip to main content

uno-toolkit-tabbar

Use TabBar and TabBarItem for tab navigation with icons, labels, badges, and selection indicators. Supports bottom navigation, top tabs, and vertical tabs.

Aller à l'installation

Informations de source

Dépôt
unoplatform/studio
Dernière activité de la source
9 juin 2026 à 19:39
Langue détectée de SKILL.md
anglais
Étoiles
10
Forks
1

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Affichage de SKILL.md

SKILL.md
Instructions source · Aperçu en lecture seule
name
uno-toolkit-tabbar
description
Use TabBar and TabBarItem for tab navigation with icons, labels, badges, and selection indicators. Supports bottom navigation, top tabs, and vertical tabs.
when_to_use
Use when styling a `TabBar`'s visual appearance (icons, labels, badges, selection indicator, bottom / top / vertical orientation). For region wiring inside a navigation shell, use `uno-navigation-tabbar` instead. Always set an explicit `Style` for proper appearance.
metadata
{"author":"uno-platform","version":"2.5","category":"toolkit"}
# Uno Toolkit TabBar — Agent Skill ## Workflow > **Docs lookup:** call `uno_platform_docs_search(...)` first, then `uno_platform_docs_fetch(sourcePath="…")` using the `sourcePath` field from a result (a relative `.md` path; add the result's `anchor` for a section). Never pass a URL, a `.html` link, or a hand-built path. ### Step 1: Fetch the TabBar Documentation ``` uno_platform_docs_search("Uno Toolkit TabBar TabBarItem bottom navigation styles icons badges") ``` Primary documentation page: - **TabBar & TabBarItem**: `external/uno.toolkit.ui/doc/controls/TabBarAndTabBarItem.md` Fetch the page: ``` uno_platform_docs_fetch(sourcePath="external/uno.toolkit.ui/doc/controls/TabBarAndTabBarItem.md") ``` ### Step 2: For TabBar with Navigation Extensions If using TabBar as a navigation control: See the `uno-navigation-tabbar` skill for region-based navigation integration. ### Step 3: For Chefs TabBar Example ``` uno_platform_docs_search("Chefs TabBar navigate bottom tab example") ``` Key page: - **Chefs Navigate TabBar**: `external/uno.chefs/doc/toolkit/NavigateTabBar.md` ## Key Principles (Stable) - **Always apply a style** to TabBar for proper appearance (e.g., `BottomTabBarStyle`, `TopTabBarStyle`, `VerticalTabBarStyle`) - Styling goes on the **TabBar container**, not individual TabBarItems - `TabBarItem` supports `Icon`, `Content` (label), and `Badge` - For navigation, use with `uen:Region.Name` on each TabBarItem - XAML namespace: `xmlns:utu="using:Uno.Toolkit.UI"` ## Related Skills - [[uno-navigation-tabbar]] — TabBar with Navigation Extensions - [[uno-toolkit-tabbaritem-extensions]] — TabBarItem attached properties - [[uno-toolkit-segmented-controls]] — Segmented control style
Voir sur GitHub