Represents the OutlineLayout component.

  • Type Parameters

    • Data extends unknown = any

    Parameters

    • props: IOutlineLayoutProps<Data, any> & IOutlineLayoutPrivate

      The props for the OutlineLayout component.

      Represents the props for the OutlineLayout component.

      • Optionalbaseline?: boolean

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

        The type of data associated with the field.

        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.

        The type of data.

        The type of payload.

        The type of the variable.

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

        • 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.

        The type of the field object.

        The type of the data object.

        The type of the payload object.

      • OptionalinnerPadding?: string
      • 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.

        The type of data associated with the field.

        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.

      • 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.

      • OptionaltestId?: string

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

      • columns

        The number of columns.

      • columnsOverride

        The number of columns to override.

      • sx

        The custom inline styles.

      • phoneColumns

        The number of columns for phone devices.

      • tabletColumns

        The number of columns for tablet devices.

      • desktopColumns

        The number of columns for desktop devices.

      • style

        The custom styles.

      • className

        The class name.

      • children

        The child components.

      • isBaselineAlign

        Indicates whether the items should be baseline aligned.

      • fieldRightMargin

        The right margin for fields.

      • fieldBottomMargin

        The bottom margin for fields.

      • innerPadding

        The inner padding.

    Returns Element

    The OutlineLayout component.

Properties

Properties

displayName: string