Main
 Installation Versioning Theming Typography Design tokens Schematics Migration guides
Components
 Accordion Actions panel AG grid Alert App Switcher Autocomplete Badge Breadcrumbs Button Button Group Button toggle Checkbox Clamped list Clamped text Code block Content panel Core Datepicker Description list Divider Dropdown Dynamic translation Empty state File upload Filter Bar Form field Icon Icon Button Icon Item Inline edit Input Layout flex Link List Markdown Modal Navbar Notification Center Overflow items Overlay Popover Progress bar Progress spinner Radio Resizer Scrollbar Search expandable Select Sidebar Sidepanel Skeleton Split button Splitter Table Tabs Tag Tag autocomplete Tag input Tag list Textarea Time range Timepicker Timezone Title Toast Toggle Tooltip Topbar Tree Tree select Username
Other
 Date formatter Filesize formatter Forms Number formatter Validation
Icons
CDK
 Key managers Keycodes
Interface and examples language
English
Version
19.8.0
Inline edit
Custom input field

By default, inline editing uses the input from KbqFormField. If you need to use a different input type while retaining inline-edit functionality, apply the getValueHandler and setValueHandler properties.

Clearing a field
  • A text field can be cleared by deleting its content and saving.
  • In a select component, provide an explicit option such as “Not specified”.
  • For other controls, consider adding a dedicated Clear button.

If the field cannot accept an empty value, substitute either a default value or a valid fallback.

Disabled or read-only state

When inline editing is disabled or in read-only mode, the element is displayed as static text. If action menus are available, they remain accessible even in this state.

Date time input