Filament Input Loading Laravel Package

Product Decisions This Supports

• UX Enhancement for Forms: Improves user experience by providing visual feedback during asynchronous form submissions (e.g., debounced searches, real-time validation, or API calls). Reduces perceived latency and frustration.
• Filament v2 Migration Strategy: Justifies retaining or extending support for Filament v2 (if applicable) by offering incremental UX improvements without forcing a full upgrade to v3/v4/v5.
• Build vs. Buy: Avoids custom development for a low-effort, high-impact UX feature. Leverages community-maintained code with MIT license (no legal/licensing risks).
• Roadmap Prioritization: Enables faster iteration on form-heavy features (e.g., dashboards, admin panels) by reducing dev time spent on polish.
• Accessibility/Inclusivity: Aligns with best practices for async form states (WCAG compliance for loading indicators).

When to Consider This Package

• Adopt if:

  • Your product uses Filament v2 with Livewire’s lazy()/debounce() modifiers in forms.
  • UX feedback (e.g., "forms feel slow") is a top priority for your roadmap.
  • You want to avoid custom CSS/JS for loading spinners in inputs.
  • Your team lacks bandwidth to build/maintain this feature in-house.

• Look elsewhere if:

  • You’re using Filament v3/v4/v5 (incompatible; consider native Filament solutions or alternatives like wire:loading).
  • Your async form logic doesn’t use lazy()/debounce() (e.g., manual Livewire updates).
  • You need highly customized loading states (e.g., animations, dynamic messages).
  • Your stack uses non-Livewire frontend frameworks (e.g., Inertia.js with Vue/React).

How to Pitch It (Stakeholders)

For Executives:

"This is a 5-minute install that solves a common pain point: users hate waiting for forms to respond. By adding a subtle loading spinner inside text inputs during async updates (like search-as-you-type), we’ll reduce support tickets about ‘slow forms’ and improve retention. No code changes needed—just swap one import. ROI: High UX lift, zero dev cost."

For Engineering:

*"A lightweight Filament v2 plugin that auto-injects loading spinners into TextInput fields when using lazy()/debounce(). Key benefits:

• Zero setup: Auto-discovers, replaces TextInput via namespace.
• Livewire-native: Works seamlessly with existing async logic.
• MIT licensed: No vendor lock-in.
• Future-proof: Aligns with Filament’s event-driven patterns. Tradeoff: Only for Filament v2 (blocker if migrating soon)."*

For Design/UX:

*"This addresses micro-interactions for async states—critical for forms with debounced actions (e.g., search, autocomplete). The spinner lives inside the input (not a overlay), which:

• Keeps focus on the task.
• Matches modern patterns (e.g., Gmail, Notion).
• Requires no additional real estate. Ask: Should we customize the spinner style (e.g., color, size) to match our brand?"*