skills.rest
unoplatform
unoplatformOFFICIAL
Explore all skills by this author →
Website𝕏@unoplatformGitHub

uno-toolkit-loadingview

Bind LoadingView to ILoadable sources for spinners and skeletons in Uno Platform UI.

9|1|Updated Dec 10, 2024
Search Tags:#async#binding#loading-indicator#uno-toolkit#loadingview#iloadable#composite-loadable
One-click install
npx skills add https://github.com/unoplatform/studio --skill uno-toolkit-loadingview
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uno-toolkit-loadingview
Source: https://github.com/unoplatform/studio/tree/main/plugins/uno-platform-studio/skills/uno-toolkit-loadingview
Command: npx skills add https://github.com/unoplatform/studio --skill uno-toolkit-loadingview

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Loading indicators are essential to communicating progress during async operations; this skill provides a reusable LoadingView binding to ILoadable sources like AsyncCommand to unify UX across views.

Core Features & Use Cases

  • Bind LoadingView to AsyncCommand, IFeed, or IState to show a ProgressRing or skeleton while work is in flight.
  • Compose multiple in-flight operations with CompositeLoadableSource for complex tasks.
  • Customize LoadingContent and leverage the UNO Toolkit UI bindings for consistent behavior across platforms.

Quick Start

Bind the LoadingView's Source to an ILoadable source (e.g., AsyncCommand) and optionally customize its LoadingContent.

Frequently Asked Questions about uno-toolkit-loadingview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display loading indicators for async operations in Uno Platform?▼

Display loading indicators in Uno Platform by binding a LoadingView control to an ILoadable source like AsyncCommand. This automatically shows a ProgressRing or skeleton while your asynchronous work is in flight.

Can I track multiple async operations simultaneously in a single Uno Platform view?▼

Track multiple async operations simultaneously by composing them with CompositeLoadableSource. Bind the LoadingView to this composed source to unify loading indicators across complex tasks within a single view.

What Uno Platform sources can I bind to a LoadingView for loading states?▼

Bind LoadingView to AsyncCommand, IFeed, or IState sources to display loading states. These ILoadable implementations drive the UI indicator automatically based on the execution status of the bound source.

How do I customize the loading indicator in Uno Toolkit UI?▼

Customize the loading indicator by overriding the LoadingContent property of the LoadingView. The default rendering uses a ProgressRing, but you can replace it with skeletons or custom UI elements within the Uno Toolkit UI namespace.

Does LoadingView work with AsyncCommand and IFeed across all Uno Platform targets?▼

LoadingView works with AsyncCommand and IFeed across Uno Platform targets by leveraging Uno Toolkit UI bindings. This ensures consistent loading indicator behavior and rendering across all supported platforms.

Related Skills

Explore More Software Engineering Skills→
unoplatformunoplatform
9

uno-toolkit-tabbaritem-extensions

Configure TabBarItem on-click navigation via XAML using TabBarItemExtensions.

Official
Basic
unoplatformunoplatform
9

uno-mvux-feedview

Binds FeedView to typed streams for automatic UI updates in XAML apps.

Official
Intermediate
unoplatformunoplatform
9

uno-toolkit-selector-extensions

Synchronize a Selector control with a PipsPager via Uno Toolkit SelectorExtensions.

Official
Intermediate
unoplatformunoplatform
9

uno-toolkit-progress-extensions

Toggle descendant ProgressRing and ProgressBar controls with a single boolean binding.

Official
Intermediate