hb-messages-send

Description

Message composer with auto-growing textarea (optional expandable and maximize control), Enter-to-send, file attachments with previews (files.mode single or multiple), and optional tags as toggleable chips. Dispatches sendMessage with text, selected tags, and staged files when the user sends.

Types

export type Component = {
	id?: string;
	style?: string;
	text?: string;
	expandable?: boolean;
	tags?: {
		label?: string;
		icon?: string;
		id: string
		color?: string;
	}[]
	files?: {
		mode: "single" | "multiple";
	}
};

export type Events = {
	sendMessage: { text?: string; id: string; tags: string[]; files: File[] };
};

Styling (Bulma)

Bundles Bulma 1.x (container grid via columns / column, buttons, tags, helpers). Theme defaults on :host via Bulma light + setup-theme. Override with --bulma-* from the page (see extra/docs.ts). Bootstrap Icons load from <svelte:head> for attach, tags, send, and file-type icons.