Function HGroup

Parameters

• params: {
      children?: ReactNode;
      className?: string;
      click?: MouseEventHandler<HTMLDivElement>;
      clip?: boolean;
      clipHorizontal?: boolean;
      clipVertical?: boolean;
      contextMenu?: MouseEventHandler<HTMLDivElement>;
      easeOpacity?: InOutVariant;
      easePosition?: InOutVariant;
      easeTransform?: InOutVariant;
      full?: boolean;
      gap?: number;
      gotPointerCapture?: PointerEventHandler<HTMLDivElement>;
      horizontalAlign?: Alignment;
      id?: string;
      inline?: boolean;
      input?: boolean;
      lostPointerCapture?: PointerEventHandler<HTMLDivElement>;
      margin?: number;
      marginBottom?: number;
      marginLeft?: number;
      marginRight?: number;
      marginTop?: number;
      maxHeight?: number;
      maxWidth?: number;
      minHeight?: number;
      minWidth?: number;
      mouseOut?: MouseEventHandler<HTMLDivElement>;
      mouseOver?: MouseEventHandler<HTMLDivElement>;
      mouseUp?: MouseEventHandler<HTMLDivElement>;
      padding?: number;
      paddingBottom?: number;
      paddingLeft?: number;
      paddingRight?: number;
      paddingTop?: number;
      pointerCancel?: PointerEventHandler<HTMLDivElement>;
      pointerDown?: PointerEventHandler<HTMLDivElement>;
      pointerEnter?: PointerEventHandler<HTMLDivElement>;
      pointerLeave?: PointerEventHandler<HTMLDivElement>;
      pointerMove?: PointerEventHandler<HTMLDivElement>;
      pointerOut?: PointerEventHandler<HTMLDivElement>;
      pointerOver?: PointerEventHandler<HTMLDivElement>;
      pointerUp?: PointerEventHandler<HTMLDivElement>;
      ref?: Ref<null | HTMLDivElement>;
      selection?: boolean;
      solid?: boolean;
      style?: CSSProperties;
      touchCancel?: TouchEventHandler<HTMLDivElement>;
      touchEnd?: TouchEventHandler<HTMLDivElement>;
      touchMove?: TouchEventHandler<HTMLDivElement>;
      touchStart?: TouchEventHandler<HTMLDivElement>;
      verticalAlign?: Alignment;
      visible?: boolean;
      wheel?: WheelEventHandler<HTMLDivElement>;
      wheelHorizontal?: boolean;
      wrap?: "wrap" | "wrap-reverse";
  }

  • Optionalchildren?: ReactNode

  • OptionalclassName?: string

  • Optionalclick?: MouseEventHandler<HTMLDivElement>

  • Optionalclip?: boolean

    Whether to clip in case content overflows.

  • OptionalclipHorizontal?: boolean

    Whether to clip horizontally in case content overflows.

  • OptionalclipVertical?: boolean

    Whether to clip vertically in case content overflows.

  • OptionalcontextMenu?: MouseEventHandler<HTMLDivElement>

  • OptionaleaseOpacity?: InOutVariant

    Ease opacity with a COMMON_DELAY duration.

  • OptionaleasePosition?: InOutVariant

    Ease cascading position properties with a COMMON_DELAY duration.

  • OptionaleaseTransform?: InOutVariant

    Ease cascading transform with a COMMON_DELAY duration.

  • Optionalfull?: boolean

  • Optionalgap?: number

  • OptionalgotPointerCapture?: PointerEventHandler<HTMLDivElement>

  • OptionalhorizontalAlign?: Alignment

    Horizontal alignment.

  • Optionalid?: string

  • Optionalinline?: boolean

    Whether the group displays inline with other elements.

  • Optionalinput?: boolean

    Indicates whether the container should display an input border and input background (similiar to text inputs, tooltips and context menus).

  • OptionallostPointerCapture?: PointerEventHandler<HTMLDivElement>

  • Optionalmargin?: number

  • OptionalmarginBottom?: number

  • OptionalmarginLeft?: number

  • OptionalmarginRight?: number

  • OptionalmarginTop?: number

  • OptionalmaxHeight?: number

  • OptionalmaxWidth?: number

  • OptionalminHeight?: number

  • OptionalminWidth?: number

  • OptionalmouseOut?: MouseEventHandler<HTMLDivElement>

  • OptionalmouseOver?: MouseEventHandler<HTMLDivElement>

  • OptionalmouseUp?: MouseEventHandler<HTMLDivElement>

  • Optionalpadding?: number

  • OptionalpaddingBottom?: number

  • OptionalpaddingLeft?: number

  • OptionalpaddingRight?: number

  • OptionalpaddingTop?: number

  • OptionalpointerCancel?: PointerEventHandler<HTMLDivElement>

  • OptionalpointerDown?: PointerEventHandler<HTMLDivElement>

  • OptionalpointerEnter?: PointerEventHandler<HTMLDivElement>

  • OptionalpointerLeave?: PointerEventHandler<HTMLDivElement>

  • OptionalpointerMove?: PointerEventHandler<HTMLDivElement>

  • OptionalpointerOut?: PointerEventHandler<HTMLDivElement>

  • OptionalpointerOver?: PointerEventHandler<HTMLDivElement>

  • OptionalpointerUp?: PointerEventHandler<HTMLDivElement>

  • Optionalref?: Ref<null | HTMLDivElement>

  • Optionalselection?: boolean

    Indicates whether or not character selection is enabled for this container.

  • Optionalsolid?: boolean

    Indicates whether the container should display a solid background according to the provided theme. Defaults to false.

  • Optionalstyle?: CSSProperties

  • OptionaltouchCancel?: TouchEventHandler<HTMLDivElement>

  • OptionaltouchEnd?: TouchEventHandler<HTMLDivElement>

  • OptionaltouchMove?: TouchEventHandler<HTMLDivElement>

  • OptionaltouchStart?: TouchEventHandler<HTMLDivElement>

  • OptionalverticalAlign?: Alignment

    Vertical alignment.

  • Optionalvisible?: boolean

    If false, excludes the container from the layout, making it hidden.

  • Optionalwheel?: WheelEventHandler<HTMLDivElement>

  • OptionalwheelHorizontal?: boolean

    Enables horizontal scrolling through the mouse wheel.

  • Optionalwrap?: "wrap" | "wrap-reverse"

    Indicates whether the group wraps into multiple lines on possible overflow. If "wrap-reverse", then lines are stacked in reverse order.