Components
The building blocks every Ledgra screen is made from. Each one is a Blade component in resources/views/components.
Buttons
<x-button variant size icon icon-right href>
Badges
<x-badge tone> · <x-status value>
Alerts
Heads up
Carrier rates for 2027 are published. Review them before Dec 1.
Payout sent
$31,904.55 is on its way to DNB •••• 4471.
Low stock
4 products will run out within 7 days at current sales.
Payment failed
We couldn’t charge Visa •••• 4242. Update your card to avoid interruption.
Avatars
Initials with deterministic tones — no stock photos to license.
Progress
Overlays
Modal, dropdown, toast and command palette
Archive this project?
Archived projects are read-only. You can restore them from Settings at any time.
Tabs
Overview content — summary metrics and description.
Activity content — a timeline of recent changes.
Members content — the people with access.
Settings content — preferences for this item.
Empty state
No invoices yet
Invoices you create or import will show up here, with their payment status.
Skeleton
Use for lazy Livewire components via a placeholder() method.