syncfusion-maui-tab-view
Implements Syncfusion .NET MAUI Tab View (SfTabView) controls for tab navigation interfaces and tabbed content layouts. Use when working with tab controls, tab navigation, nested tabs, or swipeable content in .NET MAUI applications. This skill covers tab bar customization, tab item configuration, swipe gestures, events, and visual customization including indicators and Liquid Glass effects.
- Installs
- 212
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-tab-view- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads syncfusion-maui-tab-view automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Implementing Syncfusion .NET MAUI Tab View
The .NET MAUI Tab View (SfTabView) is a control that provides an advanced tab-navigation interface for mobile and desktop applications, offering customizable tab bars, nested tabs, swipe gestures, and extensive visual customization options.
When to Use This Skill
Use this skill when the user needs to:
- Implement tabbed navigation interfaces in .NET MAUI applications
- Create tab views with scrollable or fixed tab bars
- Configure tab items with custom headers, icons, and content
- Build nested tab structures with multiple navigation levels
- Add swipe gestures for mobile-friendly tab navigation
- Handle tab selection events and implement custom navigation logic
- Customize tab bar appearance (placement, height, indicators, backgrounds)
- Style individual tab items with templates and visual states
- Implement data-bound tab views using ItemsSource
- Apply Liquid Glass effects or custom visual themes
- Build complex layouts requiring multiple content sections
Component Overview
The Syncfusion .NET MAUI Tab View (SfTabView) is an advanced tab navigation control that provides:
Core Features:
- Fixed and scrollable tab bars with multiple width modes
- Rich header customization with text, icons, and custom templates
- Nested tab support with independent header placements
- ItemsSource binding with DataTemplate support
- Swipe gestures for mobile navigation
- Comprehensive event system for selection tracking
- Visual state management and indicator customization
- Liquid Glass theming support
Key Use Cases:
- Multi-section content organization
- Mobile app navigation patterns
- Dashboard layouts with categorized views
- Settings and configuration interfaces
- Content exploration with quick tab switching
Documentation and Navigation Guide
Getting Started
📄 Read: references/getting-started.md
- Registering handler in MauiProgram.cs
- Basic SfTabView initialization (XAML and C#)
- Populating tabs using Items collection
- Data binding with ItemsSource
- HeaderItemTemplate and ContentItemTemplate
- DataTemplateSelector for conditional templates
- Quick start code examples
Tab Bar Configuration
📄 Read: references/tab-bar-configuration.md
- TabWidthMode options (Default vs SizeToContent)
- Fixed vs scrollable tab bars
- TabBarHeight customization
- TabBarPlacement (Top or Bottom or Left or Right)
- TabBarBackground styling
- Indicator configuration (color, placement, thickness)
- Tab spacing and visual layout
Tab Item Configuration
📄 Read: references/tab-item-configuration.md
- Header content with text and icons
- ImagePosition for icon placement (Left, Top, Right, Bottom)
- Font and text styling (FontSize, FontFamily, FontAttributes, TextColor)
- Badge and notification indicators with BadgeText and BadgeSettings
- Badge types (Error, Warning, Success, Information, custom)
- Content configuration with any .NET MAUI view
- Disabled state styling with IsEnabled
- Per-item customization and dynamic updates
Nested Tabs
📄 Read: references/nested-tabs.md
- Creating nested SfTabView structures
- Different header placements per level
- Navigation between nested tabs
- Layout patterns and best practices
- Multi-level tab hierarchies
- Complete nested examples
Events and Interaction
📄 Read: references/events-interaction.md
- TabItemTapped event handling
- SelectionChanging event (cancellable)
- SelectionChanged event
- Event arguments and properties
- Programmatic selection with SelectedIndex
- Preventing tab selection
- Custom navigation logic
Swiping Gestures
📄 Read: references/swiping-gestures.md
- Enabling swipe navigation
- EnableSwiping property
- Touch gesture configuration
- Platform-specific behavior
- Accessibility considerations
- Mobile-optimized patterns
Visual Customization
📄 Read: references/visual-customization.md
- Visual state managers
- Selection indicator customization
- IndicatorBackground and placement options
- IndicatorWidthMode configurations
- Custom indicator views
- Liquid Glass effect integration
- Color schemes and themes
- Animations and transitions
How-To Guide
📄 Read: references/how-to.md
- Programmatic tab selection with SelectedIndex
- Badge and notification implementation patterns
- Dynamic badge updates and data binding
- Disable hover effect on desktop
- Conditional tab visibility based on logic
- Custom animation duration control
- Tab accessibility with font auto-scaling
- Scroll button customization
- Common patterns (wizard/stepper, dashboard)
FAQ
What does the syncfusion-maui-tab-view skill do?
Implements Syncfusion .NET MAUI Tab View (SfTabView) controls for tab navigation interfaces and tabbed content layouts. Use when working with tab controls, tab navigation, nested tabs, or swipeable content in .NET MAUI applications. This skill covers tab bar customization, tab item configuration, swipe gestures, events, and visual customization including indicators and Liquid Glass effects.
How do I install syncfusion-maui-tab-view?
Run npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-tab-view in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-maui-tab-view/ (personal) or .claude/skills/syncfusion-maui-tab-view/ (project).
Which AI agents can use syncfusion-maui-tab-view?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is syncfusion-maui-tab-view safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains syncfusion-maui-tab-view?
It is published by syncfusion in syncfusion/maui-ui-components-skills. It has 212 recorded installs.
More from syncfusion/maui-ui-components-skills
syncfusion-maui-parallax-view
syncfusion/maui-ui-components-skills
Implements Syncfusion® .NET MAUI Parallax View (SfParallaxView) to create parallax scrolling effects where background elements move slower than foreground content. Use when working with parallax effects, parallax scrolling, background scroll effects, or depth scrolling. Covers both simple image parallax and complex custom control implementations for ScrollView and ListView.
syncfusion-maui-cartesian-charts
syncfusion/maui-ui-components-skills
Open the skill to read its SKILL.md instructions.
syncfusion-maui-listview
syncfusion/maui-ui-components-skills
Implements Syncfusion® .NET MAUI ListView (SfListView). Use when displaying lists or collections of data in MAUI applications, implementing data grids, creating scrollable item lists, or adding sorting/filtering/grouping. Covers item selection, layout customization, swipe actions, pull-to-refresh, load more, and drag-drop items.
syncfusion-maui-button
syncfusion/maui-ui-components-skills
Implements and customize Syncfusion .NET MAUI Button (SfButton) control. Use when working with MAUI buttons, SfButton implementation, button customization, or visual states. Covers button icons, background images, RTL support, Liquid Glass effects, custom button views, button styling, events, and checkable buttons.
syncfusion-maui-combobox
syncfusion/maui-ui-components-skills
Open the skill to read its SKILL.md instructions.
syncfusion-maui-picker
syncfusion/maui-ui-components-skills
Open the skill to read its SKILL.md instructions.
Popular backend & apis skills
find-skills
vercel-labs/skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
entra-app-registration
microsoft/azure-skills
Guides Microsoft Entra ID app registration, OAuth 2.0 authentication, and MSAL integration. USE FOR: create app registration, register Azure AD app, configure OAuth, set up authentication, add API permissions, generate service principal, MSAL example, console app auth, Entra ID setup, Azure AD authentication. DO NOT USE FOR: Key Vault secrets (use azure-keyvault-expiration-audit), general Azure resource security guidance.
google-agents-cli-adk-code
google/agents-cli
This skill should be used when the user wants to "write agent code", "build an agent with ADK", "add a tool", "create a callback", "define an agent", "use state management" — in a project that needs ADK (Agent Development Kit) API patterns and code examples. It provides a quick reference for agent types, tool definitions, orchestration patterns, callbacks, state management, the graph Workflow API, and reference recipes to study. Do NOT use for scaffolding (use google-agents-cli-scaffold) or deployment (use google-agents-cli-deploy).
embedded-captions
heygen-com/hyperframes
Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 35-style catalog. Route by visual identity, not by backend engine. The quiet anchor rail is the default; embed every word only when the user explicitly wants a fully cinematic treatment. The workflow runs locally end to end, including transcription and subject matting; split multi-shot footage before applying it.
entra-agent-id
microsoft/azure-skills
Provision Microsoft Entra Agent Identity Blueprints, BlueprintPrincipals, and per-instance Agent Identities via Microsoft Graph, and configure OAuth 2.0 token exchange (fmipath, OBO, cross-tenant) including the Microsoft Entra SDK for AgentID sidecar. USE FOR: Agent Identity Blueprint, BlueprintPrincipal, agent OAuth, fmipath token exchange, agent OBO, Workload Identity Federation for agents, polyglot agent auth, Microsoft.Identity.Web.AgentIdentities. DO NOT USE FOR: standard Entra app registration (use entra-app-registration), Microsoft Foundry agent authoring (use microsoft-foundry).
neon
neondatabase/agent-skills
Overview of Neon, a complete set of cloud backend primitives around Lakebase Postgres: Auth, Object Storage, Functions, the AI Gateway, and Realtime. Start here to choose Neon for undecided login, files, APIs, and LLM calls, set up the CLI or MCP server, and follow the branch-first workflow. Use when building an app or backend on Neon, or when "Neon" or "Lakebase Postgres" is mentioned. Child skill neon-postgres wins for an existing DATABASEURL, SQL, schema, inspect, or search. Child skill neon-auth wins for login, users, sessions, identity routing, and Managed Better Auth setup. Child skill neon-realtime wins for live queries in reactive apps and agents. Also use for object storage, S3, buckets, serverless functions, function triggers, cron, AI gateway, LLM calls, realtime, logs, Loki, Grafana, observability, postgres, database, backend, Claimable Neon, neon.new, or a no-signup database.