Components Blocks Showcase Filament Why Aura Pricing Docs Blog About

Login

Laravel Attachment Group Component

Pro

The list of files on a message.

A Attachment Group 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::attachment-group>

Try it live in the docs Get Aura Pro

Installation

composer require bluestarsystem/aura-ui

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

Usage

<x-aura::attachment-group :columns="2">
    <x-aura::attachment name="report.pdf" size="2.4 MB" href="/files/report.pdf" />
</x-aura::attachment-group>

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

Overview

<x-aura::attachment-group> wraps attachment items.

Props

Prop	Type	Default	Description
`label`	`string\|null`	`null`	Defaults to the translated "Attachments".
`columns`	`int`	`1`	1, 2 or 3. Written out rather than interpolated.

See more examples and every variant in the Attachment Group 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.

Related components

Text arriving a word at a time, with a caret drawn in CSS.

Reading Progress

The bar that fills as the article scrolls — and says nothing while it does.

An email-aware conversation UI built on the chat primitives — sender, recipient, subject, timestamp, collapsible bodies and attachment chips.

An embedded map — OpenStreetMap, Google Maps, or a URL of your own — with the address written beside it.

KPI metric card combining a label, value, change badge, optional icon, and an embedded Sparkline trend visualization.

Interactive time-grid scheduler with drag-to-move, drag-to-resize, click-to-create, week, day, and month views, and dispatched events for Livewire integration.

Browse all components