FormHeader

A section header for form pages that automatically generates "Create {title}" or "Edit {title}" text based on the current mode. Includes an actions slot for buttons.

Create Mode

Demo

Create Patient

<FormHeader title="Patient" :is-edit-mode="false" />

Edit Mode

Edit Mode

Edit Patient

<FormHeader title="Patient" :is-edit-mode="true" />

Custom Title (validtitle: false)

Custom Title

Patient Profile — Advanced Settings

<FormHeader title="Patient Profile" :is-edit-mode="true" :validtitle="false" />

Props

Props

Prop	Type	Default	Description
titlerequired	string	—	Entity name used to generate the header text (e.g. 'User', 'Patient').
isEditModerequired	boolean	—	When true renders 'Edit {title}', when false renders 'Create {title}'.
validtitle	boolean	true	When false, renders the title prop as-is without Create/Edit prefix.

Slots

Slots

Slot	Description
actions	Content rendered on the right side of the header — use for action buttons like Save, Cancel, or History.