Input.Attachments in the Lovelace design system

@ada-cx/lovelace 1.7.0 adds Input.Attachments. It is a chip row inside the composer field for files the end user has attached to the next message.

New compound part

This part completes the composer for messages that carry an attachment.

  • Input.Attachments renders as the first child of Input.Field. It takes a full line above the control, so the text area and the send button keep their own line. Put your attachment chips inside it.

Changed behavior

Input.Field now sets flex-wrap: wrap in both variants. This is what lets the attachments row claim its own line without :has(), which the iOS 15 baseline lacks. Ada’s own fields render the same as before, because their control shrinks and their icons and button are fixed 22px items. A field whose children cannot shrink may now wrap at a narrow width where it used to overflow.