Component for centering its children with specified layout and alignment.

  • Type Parameters

    • Data extends unknown = any

      The data type for any additional props.

    Parameters

    • props: ICenterLayoutProps<Data, any> & ICenterLayoutPrivate<Data>

      The component props.

      Interface for defining props for the CenterLayout 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: any) => 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: any) => 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: any) => 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: any) => boolean

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

      • OptionalisVisible?: (v: Data, payload: any) => 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: any) => 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: any) => boolean

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

      • OptionaltestId?: string

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

      • children

        The children to be centered.

      • className

        The class name for the component.

      • style

        The inline styles for the component.

      • innerPadding

        The padding applied to the inner content of the component.

      • columns

        The number of columns for the layout.

      • phoneColumns

        The number of columns for phone layout.

      • tabletColumns

        The number of columns for tablet layout.

      • desktopColumns

        The number of columns for desktop layout.

      • columnsOverride

        Overrides the default number of columns.

      • isBaselineAlign

        Specifies whether the children should be aligned based on the baseline.

      • sx

        Additional styles for the component using sx prop from @mui/system.

      • fieldRightMargin

        The margin applied to the right of each field within the component.

      • fieldBottomMargin

        The margin applied to the bottom of each field within the component.

    Returns Element

    • The centered content.

Properties

Properties

displayName: string