New to KendoReactLearn about KendoReact Free.

FloatingActionButtonAlign

Specifies the horizontal and vertical alignment of the Floating Action Button in relation to the container.

Centering the Floating Action Button in both horizontal and vertical dimension is not a typical use case.

Still, it is possible to achieve such a layout with appropriate offsets. Setting horizontal: "center" and vertical: "middle" at the same time is not supported.

NameTypeDefaultDescription

horizontal?

"center" | "end" | "start"

Defines the possible horizontal alignment of the Floating Action Button.

The available values are:

  • start—Uses the start point of the container.
  • center—Uses the center point of the container.
  • end(Default)—Uses the end point of the container.

vertical?

"top" | "bottom" | "middle"

Defines the possible vertical alignment of the Floating Action Button.

The available values are:

  • top—Uses the top point of the container.
  • middle—Uses the middle point of the container.
  • bottom(Default)—Uses the bottom point of the container.
Not finding the help you need?
Contact Support