Variable HorizontalLayoutRendererConst

Type declaration

• Optional cells?: JsonFormsCellRendererRegistryEntry[]

• Optional config?: any

• Optional enabled?: boolean

• path: string

• Optional renderers?: JsonFormsRendererRegistryEntry[]

• schema: JsonSchema

• uischema: Layout

Type declaration

• appliedOptions: ComputedRef<any>

• layout: ComputedRef<{
      cells: JsonFormsCellRendererRegistryEntry[];
      config: any;
      data: any;
      direction: NonNullable<"row" | "column">;
      enabled: boolean;
      label: string;
      path: string;
      renderers: JsonFormsRendererRegistryEntry[];
      schema: NonNullable<JsonSchema>;
      uischema: NonNullable<Layout & UISchemaElement>;
      visible: boolean;
  }>

• lg: Ref<boolean, boolean>

• md: Ref<boolean, boolean>

• sm: Ref<boolean, boolean>

• styles: Styles

• vuetifyProps: ((path) => any)

  • • (path): any

    • Parameters

      • path: string

      Returns any

• xl: Ref<boolean, boolean>

• xs: Ref<boolean, boolean>

Type declaration

Type declaration

• collapse:function

  • collapse(): boolean

  • Returns boolean

• cols:function

  • cols(): (number | false)[]

  • Combines 'breakHorizontal' with user defined 'col' weights. 'breakHorizontal' takes precedence.

    Returns (number | false)[]

Type declaration

Type declaration

Type declaration

• cells: JsonFormsCellRendererRegistryEntry[]

• config: Record<string, any>

• enabled: boolean

• renderers: JsonFormsRendererRegistryEntry[]

Type declaration

Type declaration

• DispatchRenderer: DefineComponent<ExtractPropTypes<{
      cells: {
          default: undefined;
          required: boolean;
          type: PropType<JsonFormsCellRendererRegistryEntry[]>;
      };
      config: {
          default: undefined;
          required: boolean;
          type: ObjectConstructor;
      };
      enabled: {
          default: undefined;
          required: false;
          type: BooleanConstructor;
      };
      path: {
          required: true;
          type: StringConstructor;
      };
      renderers: {
          default: undefined;
          required: boolean;
          type: PropType<JsonFormsRendererRegistryEntry[]>;
      };
      schema: {
          required: true;
          type: PropType<JsonSchema>;
      };
      uischema: {
          required: true;
          type: PropType<UISchemaElement>;
      };
  }>, {
      renderer: ComputedRef<{
          cells: JsonFormsCellRendererRegistryEntry[];
          config: any;
          enabled: NonNullable<boolean | undefined>;
          path: string;
          renderers: JsonFormsRendererRegistryEntry[];
          schema: NonNullable<JsonSchema | undefined>;
          uischema: NonNullable<UISchemaElement | undefined>;
          uischemas: JsonFormsUISchemaRegistryEntry[];
          visible: NonNullable<boolean | undefined>;
      }>;
      rootSchema: ComputedRef<NonNullable<JsonSchema>>;
  }, {}, {
      determinedRenderer(): any;
  }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
      cells: {
          default: undefined;
          required: boolean;
          type: PropType<JsonFormsCellRendererRegistryEntry[]>;
      };
      config: {
          default: undefined;
          required: boolean;
          type: ObjectConstructor;
      };
      enabled: {
          default: undefined;
          required: false;
          type: BooleanConstructor;
      };
      path: {
          required: true;
          type: StringConstructor;
      };
      renderers: {
          default: undefined;
          required: boolean;
          type: PropType<JsonFormsRendererRegistryEntry[]>;
      };
      schema: {
          required: true;
          type: PropType<JsonSchema>;
      };
      uischema: {
          required: true;
          type: PropType<UISchemaElement>;
      };
  }>> & Readonly<{}>, {
      cells: JsonFormsCellRendererRegistryEntry[];
      config: Record<string, any>;
      enabled: boolean;
      renderers: JsonFormsRendererRegistryEntry[];
  }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>

• VCol: {
      __isFragment?: never;
      __isSuspense?: never;
      __isTeleport?: never;
      new (...args): CreateComponentPublicInstanceWithMixins<{
          alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
          cols: string | number | boolean;
          offset: string | number;
          order: string | number;
          style: StyleValue;
          tag: string | JSXComponent;
      } & {
          class?: any;
          lg?: string | number | boolean;
          md?: string | number | boolean;
          offsetLg?: string | number;
          offsetMd?: string | number;
          offsetSm?: string | number;
          offsetXl?: string | number;
          offsetXxl?: string | number;
          orderLg?: string | number;
          orderMd?: string | number;
          orderSm?: string | number;
          orderXl?: string | number;
          orderXxl?: string | number;
          sm?: string | number | boolean;
          xl?: string | number | boolean;
          xxl?: string | number | boolean;
      } & {
          $children?: VNodeChild | {
              default?: ...;
          } | (() => VNodeChild);
          v-slots?: {
              default?: false | (...);
          };
      } & {
          v-slot:default?: false | (() => VNodeChild);
      }, (() => VNode<RendererNode, RendererElement, {
          [key: string]: any;
      }>), unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
          alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
          cols: string | number | boolean;
          offset: string | number;
          order: string | number;
          style: StyleValue;
          tag: string | JSXComponent;
      }, true, {}, SlotsType<Partial<{
          default: (() => VNode[]);
      }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
          B: {};
          C: {};
          D: {};
          Defaults: {};
          M: {};
          P: {};
      }, {
          alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
          cols: string | number | boolean;
          offset: string | number;
          order: string | number;
          style: StyleValue;
          tag: string | JSXComponent;
      } & {
          class?: any;
          lg?: string | number | boolean;
          md?: string | number | boolean;
          offsetLg?: string | number;
          offsetMd?: string | number;
          offsetSm?: string | number;
          offsetXl?: string | number;
          offsetXxl?: string | number;
          orderLg?: string | number;
          orderMd?: string | number;
          orderSm?: string | number;
          orderXl?: string | number;
          orderXxl?: string | number;
          sm?: string | number | boolean;
          xl?: string | number | boolean;
          xxl?: string | number | boolean;
      } & {
          $children?: VNodeChild | {
              default?: ...;
          } | (() => VNodeChild);
          v-slots?: {
              default?: false | (...);
          };
      } & {
          v-slot:default?: false | (() => VNodeChild);
      }, (() => VNode<RendererNode, RendererElement, {
          [key: string]: any;
      }>), {}, {}, {}, {
          alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
          cols: string | number | boolean;
          offset: string | number;
          order: string | number;
          style: StyleValue;
          tag: string | JSXComponent;
      }>;
  } & ComponentOptionsBase<{
      alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
      cols: string | number | boolean;
      offset: string | number;
      order: string | number;
      style: StyleValue;
      tag: string | JSXComponent;
  } & {
      class?: any;
      lg?: string | number | boolean;
      md?: string | number | boolean;
      offsetLg?: string | number;
      offsetMd?: string | number;
      offsetSm?: string | number;
      offsetXl?: string | number;
      offsetXxl?: string | number;
      orderLg?: string | number;
      orderMd?: string | number;
      orderSm?: string | number;
      orderXl?: string | number;
      orderXxl?: string | number;
      sm?: string | number | boolean;
      xl?: string | number | boolean;
      xxl?: string | number | boolean;
  } & {
      $children?: VNodeChild | {
          default?: (() => ...);
      } | (() => VNodeChild);
      v-slots?: {
          default?: false | (() => ...);
      };
  } & {
      v-slot:default?: false | (() => VNodeChild);
  }, (() => VNode<RendererNode, RendererElement, {
      [key: string]: any;
  }>), unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
      alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
      cols: string | number | boolean;
      offset: string | number;
      order: string | number;
      style: StyleValue;
      tag: string | JSXComponent;
  }, {}, string, SlotsType<Partial<{
      default: (() => VNode[]);
  }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
      alignSelf: {
          default: null;
          type: PropType<ALIGN_SELF_VALUES[number]>;
          validator: ((str) => boolean);
      };
      class: PropType<ClassValue>;
      cols: {
          default: boolean;
          type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
      };
      lg: Prop<string | number | boolean, false>;
      md: Prop<string | number | boolean, false>;
      offset: {
          default: null;
          type: (StringConstructor | NumberConstructor)[];
      };
      offsetLg: Prop<string | number, null>;
      offsetMd: Prop<string | number, null>;
      offsetSm: Prop<string | number, null>;
      offsetXl: Prop<string | number, null>;
      offsetXxl: Prop<string | number, null>;
      order: {
          default: null;
          type: (StringConstructor | NumberConstructor)[];
      };
      orderLg: Prop<string | number, null>;
      orderMd: Prop<string | number, null>;
      orderSm: Prop<string | number, null>;
      orderXl: Prop<string | number, null>;
      orderXxl: Prop<string | number, null>;
      sm: Prop<string | number | boolean, false>;
      style: {
          default: null;
          type: PropType<StyleValue>;
      };
      tag: {
          default: string;
          type: PropType<string | JSXComponent>;
      };
      xl: Prop<string | number | boolean, false>;
      xxl: Prop<string | number | boolean, false>;
  }, ExtractPropTypes<{
      alignSelf: {
          default: null;
          type: PropType<ALIGN_SELF_VALUES[number]>;
          validator: ((str) => boolean);
      };
      class: PropType<ClassValue>;
      cols: {
          default: boolean;
          type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
      };
      lg: Prop<string | number | boolean, false>;
      md: Prop<string | number | boolean, false>;
      offset: {
          default: null;
          type: (StringConstructor | NumberConstructor)[];
      };
      offsetLg: Prop<string | number, null>;
      offsetMd: Prop<string | number, null>;
      offsetSm: Prop<string | number, null>;
      offsetXl: Prop<string | number, null>;
      offsetXxl: Prop<string | number, null>;
      order: {
          default: null;
          type: (StringConstructor | NumberConstructor)[];
      };
      orderLg: Prop<string | number, null>;
      orderMd: Prop<string | number, null>;
      orderSm: Prop<string | number, null>;
      orderXl: Prop<string | number, null>;
      orderXxl: Prop<string | number, null>;
      sm: Prop<string | number | boolean, false>;
      style: {
          default: null;
          type: PropType<StyleValue>;
      };
      tag: {
          default: string;
          type: PropType<string | JSXComponent>;
      };
      xl: Prop<string | number | boolean, false>;
      xxl: Prop<string | number | boolean, false>;
  }>>

• VContainer: {
      __isFragment?: never;
      __isSuspense?: never;
      __isTeleport?: never;
      new (...args): CreateComponentPublicInstanceWithMixins<{
          fluid: boolean;
          style: StyleValue;
          tag: string | JSXComponent;
      } & {
          class?: any;
          height?: string | number;
          maxHeight?: string | number;
          maxWidth?: string | number;
          minHeight?: string | number;
          minWidth?: string | number;
          width?: string | number;
      } & {
          $children?: VNodeChild | {
              default?: ...;
          } | (() => VNodeChild);
          v-slots?: {
              default?: false | (...);
          };
      } & {
          v-slot:default?: false | (() => VNodeChild);
      }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
          fluid: boolean;
          style: StyleValue;
          tag: string | JSXComponent;
      }, true, {}, SlotsType<Partial<{
          default: (() => VNode[]);
      }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
          B: {};
          C: {};
          D: {};
          Defaults: {};
          M: {};
          P: {};
      }, {
          fluid: boolean;
          style: StyleValue;
          tag: string | JSXComponent;
      } & {
          class?: any;
          height?: string | number;
          maxHeight?: string | number;
          maxWidth?: string | number;
          minHeight?: string | number;
          minWidth?: string | number;
          width?: string | number;
      } & {
          $children?: VNodeChild | {
              default?: ...;
          } | (() => VNodeChild);
          v-slots?: {
              default?: false | (...);
          };
      } & {
          v-slot:default?: false | (() => VNodeChild);
      }, {}, {}, {}, {}, {
          fluid: boolean;
          style: StyleValue;
          tag: string | JSXComponent;
      }>;
  } & ComponentOptionsBase<{
      fluid: boolean;
      style: StyleValue;
      tag: string | JSXComponent;
  } & {
      class?: any;
      height?: string | number;
      maxHeight?: string | number;
      maxWidth?: string | number;
      minHeight?: string | number;
      minWidth?: string | number;
      width?: string | number;
  } & {
      $children?: VNodeChild | {
          default?: (() => ...);
      } | (() => VNodeChild);
      v-slots?: {
          default?: false | (() => ...);
      };
  } & {
      v-slot:default?: false | (() => VNodeChild);
  }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
      fluid: boolean;
      style: StyleValue;
      tag: string | JSXComponent;
  }, {}, string, SlotsType<Partial<{
      default: (() => VNode[]);
  }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
      class: PropType<ClassValue>;
      fluid: {
          default: boolean;
          type: BooleanConstructor;
      };
      height: (StringConstructor | NumberConstructor)[];
      maxHeight: (StringConstructor | NumberConstructor)[];
      maxWidth: (StringConstructor | NumberConstructor)[];
      minHeight: (StringConstructor | NumberConstructor)[];
      minWidth: (StringConstructor | NumberConstructor)[];
      style: {
          default: null;
          type: PropType<StyleValue>;
      };
      tag: {
          default: string;
          type: PropType<string | JSXComponent>;
      };
      width: (StringConstructor | NumberConstructor)[];
  }, ExtractPropTypes<{
      class: PropType<ClassValue>;
      fluid: {
          default: boolean;
          type: BooleanConstructor;
      };
      height: (StringConstructor | NumberConstructor)[];
      maxHeight: (StringConstructor | NumberConstructor)[];
      maxWidth: (StringConstructor | NumberConstructor)[];
      minHeight: (StringConstructor | NumberConstructor)[];
      minWidth: (StringConstructor | NumberConstructor)[];
      style: {
          default: null;
          type: PropType<StyleValue>;
      };
      tag: {
          default: string;
          type: PropType<string | JSXComponent>;
      };
      width: (StringConstructor | NumberConstructor)[];
  }>>

• VRow: {
      __isFragment?: never;
      __isSuspense?: never;
      __isTeleport?: never;
      new (...args): CreateComponentPublicInstanceWithMixins<{
          align: "center" | "end" | "start" | "stretch" | "baseline";
          alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          dense: boolean;
          justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          noGutters: boolean;
          style: StyleValue;
          tag: string | JSXComponent;
      } & {
          alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignLg?: "center" | "end" | "start" | "stretch" | "baseline";
          alignMd?: "center" | "end" | "start" | "stretch" | "baseline";
          alignSm?: "center" | "end" | "start" | "stretch" | "baseline";
          alignXl?: "center" | "end" | "start" | "stretch" | "baseline";
          alignXxl?: "center" | "end" | "start" | "stretch" | "baseline";
          class?: any;
          justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
          justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
          justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
          justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
          justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
      } & {
          $children?: VNodeChild | {
              default?: ...;
          } | (() => VNodeChild);
          v-slots?: {
              default?: false | (...);
          };
      } & {
          v-slot:default?: false | (() => VNodeChild);
      }, (() => VNode<RendererNode, RendererElement, {
          [key: string]: any;
      }>), unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
          align: "center" | "end" | "start" | "stretch" | "baseline";
          alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          dense: boolean;
          justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          noGutters: boolean;
          style: StyleValue;
          tag: string | JSXComponent;
      }, true, {}, SlotsType<Partial<{
          default: (() => VNode[]);
      }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
          B: {};
          C: {};
          D: {};
          Defaults: {};
          M: {};
          P: {};
      }, {
          align: "center" | "end" | "start" | "stretch" | "baseline";
          alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          dense: boolean;
          justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          noGutters: boolean;
          style: StyleValue;
          tag: string | JSXComponent;
      } & {
          alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          alignLg?: "center" | "end" | "start" | "stretch" | "baseline";
          alignMd?: "center" | "end" | "start" | "stretch" | "baseline";
          alignSm?: "center" | "end" | "start" | "stretch" | "baseline";
          alignXl?: "center" | "end" | "start" | "stretch" | "baseline";
          alignXxl?: "center" | "end" | "start" | "stretch" | "baseline";
          class?: any;
          justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
          justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
          justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
          justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
          justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
      } & {
          $children?: VNodeChild | {
              default?: ...;
          } | (() => VNodeChild);
          v-slots?: {
              default?: false | (...);
          };
      } & {
          v-slot:default?: false | (() => VNodeChild);
      }, (() => VNode<RendererNode, RendererElement, {
          [key: string]: any;
      }>), {}, {}, {}, {
          align: "center" | "end" | "start" | "stretch" | "baseline";
          alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          dense: boolean;
          justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
          noGutters: boolean;
          style: StyleValue;
          tag: string | JSXComponent;
      }>;
  } & ComponentOptionsBase<{
      align: "center" | "end" | "start" | "stretch" | "baseline";
      alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
      dense: boolean;
      justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
      noGutters: boolean;
      style: StyleValue;
      tag: string | JSXComponent;
  } & {
      alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
      alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
      alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
      alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
      alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
      alignLg?: "center" | "end" | "start" | "stretch" | "baseline";
      alignMd?: "center" | "end" | "start" | "stretch" | "baseline";
      alignSm?: "center" | "end" | "start" | "stretch" | "baseline";
      alignXl?: "center" | "end" | "start" | "stretch" | "baseline";
      alignXxl?: "center" | "end" | "start" | "stretch" | "baseline";
      class?: any;
      justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
      justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
      justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
      justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
      justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly";
  } & {
      $children?: VNodeChild | {
          default?: (() => ...);
      } | (() => VNodeChild);
      v-slots?: {
          default?: false | (() => ...);
      };
  } & {
      v-slot:default?: false | (() => VNodeChild);
  }, (() => VNode<RendererNode, RendererElement, {
      [key: string]: any;
  }>), unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
      align: "center" | "end" | "start" | "stretch" | "baseline";
      alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
      dense: boolean;
      justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
      noGutters: boolean;
      style: StyleValue;
      tag: string | JSXComponent;
  }, {}, string, SlotsType<Partial<{
      default: (() => VNode[]);
  }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
      align: {
          default: null;
          type: PropType<ALIGN_VALUES[number]>;
          validator: ((str) => boolean);
      };
      alignContent: {
          default: null;
          type: PropType<ALIGN_CONTENT_VALUES[number]>;
          validator: ((str) => boolean);
      };
      alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignContentXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignContentXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignLg: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      alignMd: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      alignSm: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      alignXl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      alignXxl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      class: PropType<ClassValue>;
      dense: BooleanConstructor;
      justify: {
          default: null;
          type: PropType<ALIGN_CONTENT_VALUES[number]>;
          validator: ((str) => boolean);
      };
      justifyLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      justifyMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      justifySm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      justifyXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      justifyXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      noGutters: BooleanConstructor;
      style: {
          default: null;
          type: PropType<StyleValue>;
      };
      tag: {
          default: string;
          type: PropType<string | JSXComponent>;
      };
  }, ExtractPropTypes<{
      align: {
          default: null;
          type: PropType<ALIGN_VALUES[number]>;
          validator: ((str) => boolean);
      };
      alignContent: {
          default: null;
          type: PropType<ALIGN_CONTENT_VALUES[number]>;
          validator: ((str) => boolean);
      };
      alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignContentXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignContentXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
      alignLg: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      alignMd: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      alignSm: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      alignXl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      alignXxl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
      class: PropType<ClassValue>;
      dense: BooleanConstructor;
      justify: {
          default: null;
          type: PropType<ALIGN_CONTENT_VALUES[number]>;
          validator: ((str) => boolean);
      };
      justifyLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      justifyMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      justifySm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      justifyXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      justifyXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
      noGutters: BooleanConstructor;
      style: {
          default: null;
          type: PropType<StyleValue>;
      };
      tag: {
          default: string;
          type: PropType<string | JSXComponent>;
      };
  }>>