attachment/props

9 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Attachment component props

The Attachment component accepts the following props: state (type: "idle" | "uploading" | "processing" | "error" | "done", default: "done") - The upload state that drives styling and the shimmer effect; size (type: "default" | "sm" | "xs", default: "default") - The attachment size; orientation (type: "horizontal" | "vertical", default: "horizontal") - Lay the media beside or above the content; className (type: string, default: -) - Additional classes to apply to the root element.

AttachmentMedia component props

The AttachmentMedia component accepts the following props: variant (type: "icon" | "image", default: "icon") - Whether the media holds an icon or an <img>; className (type: string, default: -) - Additional classes to apply to the media slot.

AttachmentContent component props

The AttachmentContent component accepts the following props: className (type: string, default: -) - Additional classes to apply to the content slot.

AttachmentTitle component props

The AttachmentTitle component accepts the following props: className (type: string, default: -) - Additional classes to apply to the title. The title shimmers while the attachment is uploading or processing.

AttachmentDescription component props

The AttachmentDescription component accepts the following props: className (type: string, default: -) - Additional classes to apply to the description. It is used for secondary metadata such as the file type, size, or upload status.

AttachmentActions component props

The AttachmentActions component accepts the following props: className (type: string, default: -) - Additional classes to apply to the actions container. It is aligned to the end of the attachment.

AttachmentAction component props

The AttachmentAction component renders a Button and accepts the following props: size (type: Button["size"], default: "icon-xs") - The button size; ...props (type: React.ComponentProps<typeof Button>, default: -) - Props spread to the underlying Button component.

AttachmentTrigger component props

The AttachmentTrigger component renders a <button> by default and accepts the following props: asChild (type: boolean, default: false) - Render as the child element, such as a link; ...props (type: React.ComponentProps<"button">, default: -) - Props spread to the trigger element.

AttachmentGroup component props

The AttachmentGroup component accepts the following props: className (type: string, default: -) - Additional classes to apply to the group. It lays out attachments in a horizontally scrollable, snapping row.

Give your agent this brain