Sponsor

Components

Vocabulary

The json schema provided to Vjsf can be enriched using the layout keyword. This keyword is formally defined here. It is automatically normalized for mor efficient processing, the normalized version is defined here.

A default component is automatically attributed to each property in the schema, it can be overwritten using layout=component name or layout.comp=component name. The layout keyword content varies depending on the component.

Common component properties

These properties are shared by multiple components depending on their characteristics.

Standard components

none
slot

simple

composite-slot

composite

section

composite

tabs

composite

vertical-tabs

composite

expansion-panels

composite

stepper

composite

card

composite

list

simple - items based

text-field

simple - focusable - emits blur event - can be debounced

textarea

simple - focusable - emits blur event - can be debounced

number-field

simple - focusable - can be debounced

checkbox

simple

switch

simple

slider

simple - can be debounced

date-picker

simple

date-time-picker

simple

time-picker

simple

color-picker

simple - can be debounced

select

simple - items based - array compatible - focusable

autocomplete

simple - items based - array compatible - focusable

combobox

simple - items based - array compatible - focusable

number-combobox

simple - items based - array compatible - focusable

checkbox-group

simple - items based - array compatible

switch-group

simple - items based - array compatible

radio-group

simple - items based

file-input

simple - array compatible - focusable

one-of-select

simple

Plugin components

markdown

simple - focusable - emits blur event - can be debounced