Skip to content

Laravel Mail Attachment Component

Pro

The file chip under an email, with the name people actually need to read.

A Mail Attachment built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default and dark-mode ready. Aura's solid-background and border colours are contrast-tested against WCAG 2.1 AA/UI in CI, in both themes — see what's covered. Drop it in with a single Blade tag: <x-aura::mail-attachment>

Installation

composer require bluestarsystem/aura-ui

The Mail Attachment is part of Aura Pro, installed via your private Composer (Satis) access after purchase. See pricing →

Usage

<div class="flex flex-wrap gap-2">
    <x-aura::mail-attachment name="invoice-2026-0042.pdf" href="#" />
    <x-aura::mail-attachment name="terms.docx" />
</div>

See the full API, props and live examples in the Mail Attachment documentation.

Overview

<x-aura::mail-attachment> is the small paperclip chip under a message. A link when the file can be opened, plain text when it cannot — never a link that goes nowhere, which is announced as a link and then disappoints.

Props

Prop Type Default Description
name string required The file name. Truncated visually, never in the accessible name.
href string|null null Renders a link opening in a new tab. Without it the chip is plain text.

See more examples and every variant in the Mail Attachment documentation.

Laravel-native
No JavaScript framework. Pure Blade, Livewire & Alpine.
Dark mode & themeable
Tailwind 4 CSS variables and a visual Theme Studio.
Accessible
Colour contrast tested against WCAG 2.1 AA/UI in CI; ARIA attributes on select components.