Components / Add Card

Add Card

The dashed add tile that leads a grid: plus glyph, optional label and hint. Click to add, or drop files straight onto it when it is wired as an upload target.

import { AddCard } from '@layers/ui/add-card'

Rendered stock

House rules

• It is the first item in a grid for add, upload, or generate actions; never a floating button elsewhere.
• Pass onFiles to make it a file input: click opens the file browser and drag-and-drop is wired, with accept honored. Without onFiles the tile just fires onClick.
• It fills its container (h-full w-full); the grid cell owns the size and aspect ratio.