New to Telerik UI for Blazor? Start a free 30-day trial
Position and Alignment
Updated on Oct 1, 2026
You can position and align the Blazor Floating Action Button component relative to its parent container by using the available parameters. The example at the bottom of the page lets you experiment with the available parameters.
Position Mode
The PositionMode parameter accepts a member of the FloatingActionButtonPositionMode enum and controls the CSS position of the Floating Action Button:
| Enum member | Description |
|---|---|
Fixed (default) | Positions the button relative to the viewport. |
Absolute | Positions the button relative to the nearest positioned ancestor. |
Alignment
Use the available alignment parameters to control which side of the Floating Action Button touches the parent element:
| Parameter | Type | Enum Members |
|---|---|---|
HorizontalAlign | FloatingActionButtonHorizontalAlign | End (default) Start Center |
VerticalAlign | FloatingActionButtonVerticalAlign | Bottom (default) Middle Top |
Example
Loading ...