Comment on page
Fields & props
This is a bit more sophisticated field so we created a page with more details here:
interface FieldConfig {
key: string;
type: InputType.Array;
children: { fields: FieldConfig[] };
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.children
: A nested set of fields for use withInputType.Object
orInputType.Array
fields.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
interface FieldConfig {
key: string;
type: InputType.Checkbox;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
This is a bit more sophisticated field so we created a page with more details here:
interface FieldConfig {
key: string;
type: InputType.Custom;
Field: Field;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
options?: Option[];
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.Field
: Field componentlabel
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.options
: (optional) An array ofOption
objects for use withInputType.Select
,InputType.Custom
andInputType.Radio
fields.
interface FieldConfig {
key: string;
type: InputType.Date;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
interface FieldConfig {
key: string;
type: InputType.Json;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
interface FieldConfig {
key: string;
type: InputType.MultiText;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
This is a bit more sophisticated field so we created a page with more details here:
interface FieldConfig {
key: string;
type: InputType.Object;
children: { fields: FieldConfig[] };
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.children
: A nested set of fields for use withInputType.Object
orInputType.Array
fields.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
interface FieldConfig {
key: string;
type: InputType.Number;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
interface FieldConfig {
key: string;
type: InputType.Password;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
interface FieldConfig {
key: string;
type: InputType.Radio;
options: Option[];
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.options
: (optional) An array ofOption
objects for use withInputType.Select
,InputType.Custom
andInputType.Radio
fields.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
Also known as Dropdown, Dropdown menu, or Dropdown list
Select field with Tutim default visualization
interface FieldConfig {
key: string;
type: InputType.Select;
options: Option[];
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.options
: (optional) An array ofOption
objects for use withInputType.Select
,InputType.Custom
andInputType.Radio
fields.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
interface FieldConfig {
key: string;
type: InputType.Switch;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
Text field with Tutim default visualization
interface FieldConfig {
key: string;
type: InputType.Text;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
interface FieldConfig {
key: string;
type: InputType.TextArea;
label?: string;
isDisabled?: boolean;
isRequired?: boolean;
defaultValue?: any;
}
key
: A unique identifier for the field.type
: The type of input to use for the field, as specified by theInputType
enumeration.label
: (optional) The label to display for the field.isDisabled
: (optional) A boolean value indicating whether the field should be disabled.isRequired
: (optional) A boolean value indicating whether the field is required.defaultValue
: (optional) The default value for the field.
Last modified 10mo ago