@nhtio/common-vue/inline_image_field

InlineImageField component provides an image upload field with drag-and-drop support, file type validation, automatic image reduction, and customizable dropzone styling.

Example

import { InlineImageField } from "@nhtio/common-vue/inline_image_field";
import type {
  InlineImageFieldProps,
  InlineImageFieldSlots,
} from "@nhtio/common-vue/inline_image_field";

Components

Class	Description
InlineImageField	InlineImageField component provides an image upload field with drag-and-drop support, file type validation, automatic image reduction, and customizable dropzone styling.

Constants

Type Alias	Description
inlineImageFieldRawEmits	Emit validators for the InlineImageField component. Extends base field emits with image-specific events including model value updates and invalid file type validation.

Other

Type Alias	Description
makeInlineImageFieldProps	-

Types

Name	Description
InlineImageFieldHookableEvents	Type for the hookable events of InlineImageField with cleanup support
InlineImageFieldHookableRawEvents	Type for the raw emit validators of InlineImageField
InlineImageFieldProps	Public prop types for the InlineImageField component. Includes base field props plus image-specific configuration for file acceptance, aspect ratio, dimensions, and dropzone styling.
InlineImageFieldSlots	Slot definitions for the InlineImageField component. Extends base slots with a placeholder slot for empty/hover states.
InlineImageFieldHookHandlers	Handler type for InlineImageField hooks.