Function TabsLayout

Parameters

• props: ITabsLayoutProps<Data, any> & ITabsLayoutPrivate<Data>

  The props for the TabsLayout component.

  Interface representing the props for the ITabsLayout component.

  • Optionalbaseline?: boolean

    Represents an optional property baseline that is picked from the interface IField using the PickProp utility type.

    Template: Data

    The type of data associated with the field.

    Template: Payload

    The type of payload associated with the field.

  • OptionalclassName?: string

  • Optionalcolumns?: string

    Retrieves the specific columns from a given object.

  • OptionalcolumnsOverride?: string

    Represents override columns configuration for a field.

  • OptionaldesktopColumns?: string

    Represents the number of columns on a desktop layout for a field in a data payload object.

  • OptionaldesktopHidden?: boolean | (payload: Payload) => boolean

    Represents the optional property desktopHidden of type PickProp<IField<Data, Payload>, 'desktopHidden'>.

  • Optionaldisabled?: boolean

    Represents the disabled property of a field.

  • Optionalfeatures?: string[]

    Returns the picked 'features' property from the given variable.

    Template: Data

    The type of data.

    Template: Payload

    The type of payload.

    Template: T

    The type of the variable.

    Param: variable

    The variable from which to pick the 'features' property.

    Returns

    • The picked 'features' property.

  • OptionalfieldBottomMargin?: string

    Represents the optional configuration for the bottom margin of a field.

  • OptionalfieldRightMargin?: string

    Represents the right margin of a field.

  • Optionalhidden?: boolean | (payload: Payload) => boolean

    Represents the 'hidden' property of an object.

    Template: IField

    The type of the field object.

    Template: Data

    The type of the data object.

    Template: Payload

    The type of the payload object.

  • OptionalisDisabled?: (v: Data, payload: Payload) => boolean

    Represents the isDisabled property of a field in a form. The isDisabled property determines whether the field is disabled or not.

  • OptionalisReadonly?: (v: Data, payload: Payload) => boolean

    Retrieves the value of the 'isReadonly' property from the given variable.

  • OptionalisVisible?: (v: Data, payload: Payload) => boolean

    Represents the isVisible property of a field in a form.

  • OptionalnoBaseline?: boolean

    Represents an optional property noBaseline that is picked from the interface IField using the PickProp utility type.

    Template: Data

    The type of data associated with the field.

    Template: Payload

    The type of payload associated with the field.

  • OptionalphoneColumns?: string

    Represents the phone columns configuration for a field

  • OptionalphoneHidden?: boolean | (payload: Payload) => boolean

    Represents the phoneHidden property of a field object.

  • Optionalstyle?: any

  • Optionalsx?: any

    Represents the 'sx' property of the 'PickProp' type.

  • OptionaltabBackground?: boolean

  • OptionaltabChange?: (idx: number) => void

  • OptionaltabColor?: "primary" | "secondary"

  • OptionaltabIndex?: number

  • OptionaltabKeepFlow?: boolean

  • OptionaltabletColumns?: string

    Represents the number of columns for the "tablet" viewport size of a field. This property is optional.

  • OptionaltabletHidden?: boolean | (payload: Payload) => boolean

    Represents the optional property 'tabletHidden' in a field object.

  • OptionaltabLine?: boolean

  • OptionaltabList?: string[]

  • OptionaltabVariant?: "fullWidth" | "standard" | "scrollable"

  • OptionaltestId?: string

    Идентификатор для отладки json шаблона

  • children

    The content of the TabsLayout component.

  • className

    The CSS class name for the TabsLayout component.

  • style

    The inline style for the TabsLayout component.

  • tabChange

    The callback function for tab change event.

  • tabVariant

    The variant of the tabs (default: "fullWidth").

  • tabLine

    Whether to show a line beneath the tabs (default: false).

  • tabColor

    The color of the tabs (default: "primary").

  • tabList

    The list of tab labels (default: ["Empty"]).

  • tabKeepFlow

    Whether to keep the flow of content when tabs are switched (default: false).

  • tabBackground

    Whether to show a background color behind the content (default: false).

  • tabIndex

    The default index of the active tab (default: 0).

  • columns

    The number of columns for the Group container.

  • columnsOverride

    The configuration object to override the number of columns for specific breakpoints.

  • isBaselineAlign

    Whether to align the items based on the baseline.

  • sx

    The custom CSS properties for the Group container.

  • phoneColumns

    The number of columns for mobile devices.

  • tabletColumns

    The number of columns for tablet devices.

  • desktopColumns

    The number of columns for desktop devices.

  • fieldRightMargin

    The right margin for form fields (default: "0").

  • fieldBottomMargin

    The bottom margin for form fields (default: "0").