Composite Input

The KCompositeInput component combines a selection combobox with various input types, ideal for multi-language fields or unit-based inputs.

Multi-Language Support (State Persistence)

Independent values for each selection. Switch between EN/TR/DE to see persistence.

Select...

[
  {
    "selection": {
      "label": "EN",
      "code": "en"
    },
    "value": "Hello World"
  }
]

Search box enabled for the selection side, providing easy filtering for large datasets.

Fruit

Right Selection Layout

Lang

DatePicker Variant

Select...

Textarea Variant

Select...

State

Select state

message

Select...