Laravel 11 + Livewire 3/Volt + Alpine.js + Tailwind app for household budget planning, transaction tracking, and financial dashboards. - Multi-tenant households with member invites - Plan: monthly/yearly budget per category with overrides - Suivi: transaction log with running balance (desktop + mobile quick-entry) - Dashboard: budget vs tracked breakdown + Chart.js donuts - Flux: Sankey diagram of income allocation - WCAG 2.1 AA color tokens, dark mode, accessible tables/forms - 50 Pest tests Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
11 lines
461 B
PHP
11 lines
461 B
PHP
@props(['on'])
|
|
|
|
<div x-data="{ shown: false, timeout: null }"
|
|
x-init="@this.on('{{ $on }}', () => { clearTimeout(timeout); shown = true; timeout = setTimeout(() => { shown = false }, 2000); })"
|
|
x-show.transition.out.opacity.duration.1500ms="shown"
|
|
x-transition:leave.opacity.duration.1500ms
|
|
style="display: none;"
|
|
{{ $attributes->merge(['class' => 'text-sm text-text-muted']) }}>
|
|
{{ $slot->isEmpty() ? __('Saved.') : $slot }}
|
|
</div>
|